*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;


}
body{
	font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;
background-color: white;


}

header{
 
   position: fixed;
	height: 45px;
	background: rgba(255,165,0,0.7);
	width: 100%;
	left: 0;
	top: 0;
	z-index: 20;
	}
/*----------------Menu----------*/
 .icon-menu .icon_menu{
    width: 31%;
    height: 14%;
    margin-left: 35%;
    margin-top: 50px;
    border-radius: 49px;
    object-fit: cover;
}

.cont-menu{
	float: right;
    line-height: 45px;
    }
.cont-menu a{
	text-decoration: none;
	font-size: 20px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
}


.btn-menu  .fa-bars{
	float: right;
	color: white;
	font-size: 25px;
	line-height: 45px;
	margin-right:25px;
}

#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 100vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 50%;
		max-width: 290px;
		background: orange;
		height: 100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);

	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(35%);
		margin-top: -105px;
	}
	.cont-menu  a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding: 5px;
		color: black;
		text-align: center;
	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 18px;
		top: 10px;
		color: #fff;
		cursor: pointer;
		font-size: 28px;
	}








/*---------FIN DEL Menu----------*/


/*---------Titulo----------*/
.encabezado{
	padding:45px;
	width: 100%;
	height: 200px;
}

h1{
   margin-top: 15px;
   margin-left: 95px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 35px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}


h2{ 
	margin-left: 105px;
	font-size: 20px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}

/*----------FIN DEL TITULO-----------*/



/*---------CARRUSEL----------*/
.contenedor-banner{
	width: 90%;
	height: 350px;
	margin: 50px;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 30px;

}
.contenedor-carrusel{
	width: 90%;
	height:440px;
	margin: 0px;
	overflow: hidden;
	position: relative;

}
.carrusel{

	width: 90%;
	left:10%;
	top: -35px;
	height: 475px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}



.carrusel-lista{
	overflow: hidden;
	margin-left: -100%;
}

.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	height: 30%;
 	background: #EBE9E1;
 	margin: 0 40px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}


 .carrusel-elemento img:hover{
	transform: scale(1.3);
	cursor: pointer;
}


  .car1{
	width: 78%;
	height: 72%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 36px;
	margin-top: -15px;
	

}
.car2{
	margin-top: 15px;
	width: 97%;
	height: 58%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -15px;
}
 .car3{
	width: 85%;
	height: 65%;
	padding: 25px;
	margin-top: 10px;
	transition: 0.5s;
	margin-left: 25px;
	object-fit: contain;
}
 .car4{
	width: 80%;
	height: 75%;
	padding: 15px;
	transition: 0.5;
	margin-top: -25px;
	object-fit: contain;
	margin-left: 32px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 49px;
	margin-top: 10px;
}
 .car6{
 	margin-top: -12px;
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:30px;

}




 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
    height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 45px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 15px;

}
.carrusel-anterior:hover, .carrusel-siguiente:hover{
	opacity: 100%;
}


.detalles1 h6{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	font-weight: bold;
	margin-left: 192px;
	margin-top: -14px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: -19px;
	margin-left:45px;
}

.detalles1 .card1{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 220px;
	margin-top: -12px;
}

.detalles2 .card2 {
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: 25px;
	margin-left: 28px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 240px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: 4px;
	margin-left: 100px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 160px;
	margin-top: -10px;
}
.detalles4 .card4{
	margin-top: -55px;
}
.detalles4 b{
    color: black;
	font-size: 40px;
	 font-family:'Montserrat';
	margin-left: 65px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 35px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;

}


.detalles4 .small4 {
    color: black;
	font-size: 40px;
	 font-family:'Montserrat';
	margin-left: 13px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 35px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	color: black;
	font-size: 45px;
	font-family:'Montserrat';
	margin-top: -45px;
	margin-left: 82px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: 165px;
	margin-top: -12px;
	font-weight: bold;
}


.detalles6 .card6{
	color: black;
	font-size: 40px;
	font-family:'Montserrat';
	margin-top: -38px;
	margin-left: 82px;
}
.detalles6 .cards6{
	color: black;
	font-size: 40px;
	 font-family:'Montserrat';
	margin-left: -76px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: 240px;
	margin-top: -15px;
	font-weight: bold;
}




/*---------FIN DEL CARRUSEL----------*/






/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -100px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 15px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}


.banner1 img {
	margin-top: -525px;
	width: 155%;
	padding: 20px 20px;
	max-height: 304%;
	display: block;
	margin-left: 235px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: 65px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-left: 28px;
	color: orange;
   font-size: 50px;
  font-family:'Montserrat';
 
	
}
.Texto p{
	margin-top: -28px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 105px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
  	
}
.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 105px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
   margin-left: 15px;
  	
}

.Texto small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
	margin-left: 30px;
	font-family: 'Poppins';
	
}



/*-----fin del banner1-----*/





/*----Inicio del Banner2----*/
.contenedor-banner.banner2 .figuras{
	width: 30%;
}
.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 15px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


figure .img2{

margin-top: -90px;
margin-right: 35px;
margin-left: -13px;
width:36%;
height: 65%;
object-fit: cover;
}

figure .img1{
	margin-top: 10px;
	margin-left: 175px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 98%;
    height: 58%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: 20px;
	margin-top: -265px;
	margin-left:920px;
	height: 76%;
	width: 25%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: 20px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	position: absolute;
   color: black;
	font-size: 100px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 332px;

	
	}

	.informacion h1{
		font-size: 50px;
		font-weight: bold;
		color: orange;
		margin-left: 618px;
		margin-top: 37px;
		font-family: 'Montserrat';
		margin-bottom: -15px;

	}

.informacion small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
	margin-left: 336px;
	font-family: 'Poppins';

}


/*----Fin del Banner2----*/


/*-----Inicio del Banner3----*/
.banner3{
	background-color:#EBE9E1;
	width: 90%;
	height: 500px;
	margin: 15px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


.banner3 .cat .Pic1{
	display: block;
	padding: 20px 20px;
	margin: 60%;
	height: 105%;
	margin-left: -195px;
	margin-top: -10px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
	width: 98%;
	height: 46%;
	margin-top: 190px;
	margin-right:165px;
	margin-left: -28px;
	 object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
	display: block;
	padding: 20px 20px;
	width:82%;
	height: 46%;
	margin-top: 190px;
	margin-right:185px;
	margin-left: -120px;
	 object-fit: contain;
}
.banner3 .cat3 .Pic4{
	display: block;
	margin-top: 170px;
	padding: 20px 20px;
	width: 86%;
	height: 54%;
	margin-right:187px;
	margin-left: -187px;
	object-fit: contain;
}




.nom-c1 p {
color: orange;
font-size: 16px;
font-family: 'Poppins';
font-weight: bold;
margin-top: -23px;
margin-left: 88px;
}
.nom-c2 p{
color: orange;
font-size: 16px;
font-family: 'Poppins';
font-weight: bold;
margin-top: -23px;
margin-left: -46px;
}
.nom-c3 p {
color: orange;
margin-top: -43px;
font-size: 16px;
font-family: 'Poppins';
font-weight: bold;
margin-left: -148px;
}

.btn-abrir-popup{
	width: 13%;
	margin-bottom: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border:1px solid #BBBBBB;
    margin-top: 435px;
    margin-right: 225px;
    color: white;
    font-size: 16px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -555px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }

.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 20px;
    text-align: center;
    width: 400px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;


}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 16px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 25px;
	margin-bottom: 10px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 18px;
font-family: 'Poppins';
margin-bottom: 20px;
}
.popup h5{
margin-top: -15px;
font-size: 20px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	margin-bottom: 20px;
 	display: flex;
	width: 45%;
    height: 32px;
    line-height: 52px;
    font-size: 10px;
    text-align: center;
    color: white;
}
.opciones input{
	cursor: pointer;
}

.opciones label{
	color: black;
	font-size: 15px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv {
	margin-left: 40px;
}
.popup .opciones .esca{
	margin-left:10px;
}

.popup .opciones .Maq{
	margin-left:10px;
}



.popup form .contenedor-inputs input{
	width: 100%;
	margin-bottom: 20px;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 20px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}
.popup form .btn-submit:hover{
	background: white;
}

.banner3 .articulo{
	margin-top: 16px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 110px;
	font-weight: bold;
	margin-left: 228px;
	margin-bottom:-75px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: -5px;
   margin-bottom: -25px;
	margin-left:412px;
	color: orange;
	font-size: 50px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-35px;

	}

.articulo small{
	color: orange;
	font-size: 21px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 130px;
	margin-left: 765px;
	text-align: justify;
	font-family: 'Poppins';
}



/*-----Fin del banner3-----*/


/*-----Inicio del banner4-----*/

.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 65px auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 width: 70%;
 height: 117%;
 margin-left: -34px;
 position: relative;
 top: -60px;
 object-fit: contain;
}
.banner4 .envio-2{
 width: 65%;
 height: 138%;
 margin-left:-242px;
margin-top:-90px;
object-fit: cover;

 
}

.info b{
   color: orange;
	font-size: 50px;
	font-weight: bold;
	margin-left: -110px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 110px;
	font-weight: bold;
	margin-left: -115px;
	margin-bottom: -25px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left:-111px;
	 font-family: 'Poppins';

}
.info h3{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left:131px;
	margin-top: -24px;
	 font-family: 'Poppins';

}
.info p{
	margin-top: 90px;
	text-align: justify;
	margin-bottom:-25px;
}

.info2 p{
	margin-top:305px;
	font-size: 15px;
   color:black;
   font-weight: bold;
   margin-left: -390px;
   margin-bottom: -79px;
 }
.info2 span{
   font-size: 15px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 23px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -392px;
    font-family: 'Poppins';

}




/*Banner5 inicio-----*/

.banner5{
	
	width: 90%;
	height: 450px;
	margin: 15px auto;
	overflow: hidden;
}
/*------COLUMNA1-----*/

.banner5 #columna1{
	float: right;
	width: 48%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 48%;
height: 100%;
margin-top: -215px;
margin-left: -60px;
margin-right: 1px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 30px;
	color: white;
	font-family: 'Montserrat';
	font-size: 35px;
	margin-left: 215px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 225px;
	color: black;
	font-family: 'Montserrat';
	font-size: 50px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 232px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 h3{
	margin-top: -18px;
	margin-left: 397px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 p{
	margin-top: 44px;
	margin-left: 235px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}
#columna1 h4{
	margin-top: -18.5px;
	margin-left: 399px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}






/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -583px;
}

#columna2 .ban2{
	margin-top: -85px;
	width: 55%;
	height: 68%;
	object-fit: cover;
	margin-left: 298px;
	transform: rotateY(35deg);
}


#columna2 h1{
    margin-top: 32px;
    margin-left: 100px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -20px;
}
#columna2 h2{
	color: black;
	margin-left: 55px;
	font-family: 'Montserrat';
	font-size: 30px;
	margin-bottom: -8px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 14px;
	margin-left: 110px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	width: 42%;
	height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
width: 50%;
height: 80%;
margin-top: 125px;
margin-left: 125px;
}


.columna3 .text p{
	margin-top: -460px;
	color: orange;
	font-size: 25px;
	font-family: 'Montserrat';
	margin-left: 29px;
	margin-bottom: -34px;
}

.columna3 h1{
	margin-left: 15px;
	color: black;
	font-size: 33px;
	font-family: 'Montserrat';
}


@media only screen and (width: 1440px)  {

	.btn-menu  .fa-bars{
	float: right;
	color: white;
	font-size: 45px;
	line-height: 75px;
	margin-right:25px;
}

.cont-menu{
	float: right;
    line-height: 45px;

    }
.cont-menu .icon_menu{
    width: 33%;
    height: 14%;
    margin-left: 35%;
    margin-top: 52px;
    border-radius: 76px;
    object-fit: cover;
}



.cont-menu a{
	text-decoration: none;
	font-size: 30px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;


}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 100vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 50%;
		max-width: 460px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(50%);
		margin-top: -130px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding: 16px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 42px;
	}

}

@media only screen and (max-width: 1280px)  {

	.btn-menu  .fa-bars{
	float: right;
	color: white;
	font-size: 30px;
	line-height: 55px;
	margin-right:25px;
}

.cont-menu{
	float: right;
    line-height: 45px;
}

.cont-menu .icon_menu{
    width: 36%;
    height: 13%;
    margin-left: 30%;
    margin-top: 50px;
    border-radius: 65px;
    object-fit: cover;
}

.cont-menu a{
	text-decoration: none;
	font-size: 25px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 50%;
		max-width: 352px;
		background: orange;
		height:110%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(32%);
		margin-top: -130px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding: 16px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 35px;
	}

}

@media only screen and (max-width: 1024px)  {



.cont-menu{
	float: right;
    line-height: 45px;

    }
    .btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 28px;
	line-height: 45px;
	margin-right:25px;
}
.cont-menu .icon_menu{
    width: 141px;
    height: 141px;
    margin-left: 118px;
    margin-top: 50px;
    border-radius: 85px;
    object-fit: cover;
}

.cont-menu a{
	text-decoration: none;
	font-size: 28px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 15px;


}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 50%;
		max-width: 370px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);


	    height: calc(100% - 50px);
        overflow-y: auto;
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(30%);
		margin-top: -105px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding: 16px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 32px;
	}

}


@media only screen and (max-width: 912px)  {



.cont-menu{
	float: right;
    line-height: 45px;
}

    .btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 28px;
	line-height: 45px;
	margin-right:25px;
}

.cont-menu .icon_menu{
    width: 44%;
    height: 13%;
    margin-left: 26%;
    margin-top: 50px;
    border-radius: 108px;
    object-fit: cover;
}

.cont-menu a{
	text-decoration: none;
	font-size: 35px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 50%;
		max-width: 445px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(60%);
		margin-top: -218px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding: 24px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 35px;
	}

}


@media only screen and (max-width: 820px)  {

.cont-menu a{
	text-decoration: none;
	font-size: 30px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
	margin-top: -15px;
}

.cont-menu .icon_menu{
    width: 41%;
    height: 13%;
    margin-left: 30%;
    margin-top: 50px;
    border-radius: 108px;
    object-fit: cover;
}
	.cont-menu nav{
		transform: translateY(50%);
		margin-top: -146px;
	}
}


@media only screen and (max-width: 768px)  {



.cont-menu{
	float: right;
    line-height: 45px;

    }
    	.btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}

.cont-menu a{
	text-decoration: none;
	font-size: 18px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
}

.cont-menu .icon_menu{
    width: 102px;
    height: 102px;
    margin-left: 74px;
    margin-top: 50px;
    border-radius: 108px;
    object-fit: cover;
}

#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 50%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);


	


	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		margin-top: -50px;
		transform: translateY(28%);
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		margin-top: -1px;
		display: block;
		text-decoration: none;
		padding: 4px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 22px;
	}

}

@media only screen and (max-width: 540px)  {



.cont-menu{
	float: right;
    line-height: 45px;

    }
    	.btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}
.cont-menu .icon_menu{
    width: 41%;
    height: 13%;
    margin-left: 30%;
    margin-top: 50px;
    border-radius: 108px;
    object-fit: cover;
}
.cont-menu a{
	text-decoration: none;
	font-size: 18px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;

}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 50%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(45%);
		margin-top: -115px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding: 4px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 22px;
	}

}

@media only screen and (max-width: 425px)  {
	.cont-menu nav{
		margin-top: -70px;
		transform: translateY(30%);
	}
.cont-menu .icon_menu{
    width: 38%;
    height: 14%;
    margin-left: 30%;
    margin-top: 35px;
    border-radius: 108px;
    object-fit: cover;
}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding: 0px;
		color: black;

	}
.cont-menu a{
	text-decoration: none;
	font-size: 16px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
	margin-top: -15px;
}
.cont-menu label {
    position: absolute;
    right: 18px;
    top: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    }
}

@media only screen and (width: 414px)  {




.cont-menu{
	float: right;
    line-height: 45px;

    }
    .btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}

.cont-menu a{
	text-decoration: none;
	font-size: 20px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;


}

.cont-menu .icon_menu{
    width: 53%;
    height: 13%;
    margin-left: 24%;
    margin-top: 35px;
    border-radius: 108px;
    object-fit: cover;
}
#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 58%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(50%);
		margin-top: -116px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding:6px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 32px;
	}

}


@media only screen and (width: 412px)  {

.cont-menu{
	float: right;
    line-height: 45px;

    }
    	.btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}
.cont-menu .icon_menu{
    width: 40%;
    height: 10%;
    margin-left: 30%;
    margin-top: 35px;
    border-radius: 108px;
    object-fit: cover;
}
.cont-menu a{
	text-decoration: none;
	font-size: 20px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
	margin-top: -15px;


}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 60%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(50%);
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		margin-top: 4px;
		display: block;
		text-decoration: none;
		padding:6px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 14px;
		color: #fff;
		cursor: pointer;
		font-size: 28px;
	}

}
@media only screen and (width: 393px)  {



.cont-menu{
	float: right;
    line-height: 45px;

    }
    	.btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}

.cont-menu .icon_menu{
    width: 41%;
    height: 10%;
    margin-left: 29%;
    margin-top: 34px;
    border-radius: 108px;
    object-fit: cover;
}
.cont-menu a{
	text-decoration: none;
	font-size: 19px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 56%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(50%);
		margin-top: -135px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding:6px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 22px;
	}

}
@media only screen and (width: 390px)  {



.cont-menu{
	float: right;
    line-height: 45px;

    }
    	.btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}
.cont-menu .icon_menu{
    width: 42%;
    height: 10%;
    margin-left: 29%;
    margin-top: 34px;
    border-radius: 108px;
    object-fit: cover;
}
.cont-menu a{
	text-decoration: none;
	font-size: 18.5px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
	margin-top: -15px;


}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 55%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(50%);
		margin-top: -115px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		margin-top: 4px;
		display: block;
		text-decoration: none;
		padding:6px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 22px;360
	}

}
@media only screen and (max-width: 375px)  {



.cont-menu{
	float: right;
    line-height: 45px;

    }
    	.btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}
.cont-menu .icon_menu{
    width: 71px;
    height: 71px;
    margin-left: 73px;
    margin-top: 34px;
    border-radius: 108px;
    object-fit: cover;
}

.cont-menu a{
	text-decoration: none;
	font-size: 16px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 55%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(33%);
		margin-top: -58px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding:2px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 9px;
		color: #fff;
		cursor: pointer;
		font-size: 22px;
	}

}
@media only screen and (max-width: 360px)  {

.cont-menu nav{
		transform: translateY(52%);
		margin-top: -140px;
	}
.cont-menu .icon_menu{
    width: 44%;
    height: 11%;
    margin-left: 30%;
    margin-top: 34px;
    border-radius: 108px;
    object-fit: cover;
}
.cont-menu{
	float: right;
    line-height: 45px;

    }
    	.btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}

.cont-menu a{
	text-decoration: none;
	font-size: 16px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
}
#btn-menu{
	display: none;
}
#btn-menu{
		display: none;
}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 55%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}

	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		display: block;
		text-decoration: none;
		padding:2px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 22px;
	}
}


@media only screen and (max-width: 320px)  {



.cont-menu{
	float: right;
    line-height: 45px;

    }
    .cont-menu{
	float: right;
    line-height: 45px;

    }
    
    .btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}
.cont-menu .icon_menu{
    width: 40%;
    height: 12%;
    margin-left: 31%;
    margin-top: 34px;
    border-radius: 108px;
    object-fit: cover;
}

.cont-menu a{
	text-decoration: none;
	font-size: 16px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
	margin-top: -15px;


}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 55%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(33%);
		margin-top: -92px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		margin-top: 4px;
		display: block;
		text-decoration: none;
		padding:2px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 20px;
		top: 22px;
		color: #fff;
		cursor: pointer;
		font-size: 22px;
	}
    	.btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}

.cont-menu a{
	text-decoration: none;
	font-size: 14.5px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
	margin-top: -15px;


}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 55%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(32%);
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		margin-top: 4px;
		display: block;
		text-decoration: none;
		padding:2px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 16px;
		top: 4px;
		color: #fff;
		cursor: pointer;
		font-size: 22px;
	}

}

@media only screen and (max-width: 280px)  {



.cont-menu{
	float: right;
    line-height: 45px;

    }
    .btn-menu .fa-bars{
	float: right;
	color: white;
	font-size: 24px;
	line-height: 45px;
	margin-right:25px;
}

.cont-menu .icon_menu{
    width: 42%;
    height: 9%;
    margin-left: 30%;
    margin-top: 52px;
    border-radius: 108px;
    object-fit: cover;
}
.cont-menu a{
	text-decoration: none;
	font-size: 12.5px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
	margin-top: -15px;


}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 110vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 55%;
		max-width: 250px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(44%);
		margin-top: -120px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		margin-top: 0px;
		display: block;
		text-decoration: none;
		padding:2px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 14px;
		top: 14px;
		color: #fff;
		cursor: pointer;
		font-size: 22px;
	}

}
















/*----------------Menu----------*/
@media only screen and (min-width: 2560px)  {
header{
 
   position: fixed;
	height: 75px;
	background: rgba(255,165,0,0.7);
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	}

	.btn-menu  .fa-bars{
	float: right;
	color: white;
	font-size: 45px;
	line-height: 75px;
	margin-right:75px;
}

.cont-menu{
	float: right;
    line-height: 45px;

    }
.cont-menu a{
	text-decoration: none;
	font-size: 55px;
	font-family: 'Poppins';
	color: black;
	font-weight: bold;
	padding:0 10px;
	margin-top: -15px;
}
.cont-menu .icon_menu{
    width: 40%;
    height: 14%;
    margin-left: 31%;
    margin-top: 55px;
    border-radius: 150px;
    object-fit: cover;
}


#btn-menu{
	display: none;
}

#btn-menu{
		display: none;
	}
	.container-menu{
		position: absolute;
		background: rgba(0,0,0,0.5);
		width: 100%;
		height: 100vh;
		top: 0;left: 0;
		transition: all 500ms ease;
		opacity: 0;
		visibility: hidden;
	}
	#btn-menu:checked ~ .container-menu{
		opacity: 1;
		visibility: visible;
	}
	.cont-menu{
		width: 50%;
		max-width: 745px;
		background: orange;
		height:100%;
		position: relative;
		transition: all 500ms ease;
		transform: translateX(-100%);
	}
	#btn-menu:checked ~ .container-menu .cont-menu{
		transform: translateX(0%);
	}
	.cont-menu nav{
		transform: translateY(50%);
		margin-top: -230px;
	}
	.cont-menu nav a{
		border-bottom: 2px solid rgba(225, 225, 225, .5);
		text-align:center;
		margin-top: 4px;
		display: block;
		text-decoration: none;
		padding: 46px;
		color: black;

	}
	.cont-menu nav a:hover{
		background: white;
	}
	.cont-menu label{
		position: absolute;
		right: 18px;
		top: 10px;
		color: #fff;
		cursor: pointer;
		font-size: 55px;
	}








/*---------FIN DEL Menu----------*/


/*---------Titulo----------*/
.encabezado{
	padding:45px;
	width: 90%;
	height: 200px;
}

h1{
	margin-top: 72px;
   margin-left: 296px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 65px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 308px;
	font-size: 50px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}

/*----------FIN DEL TITULO-----------*/



/*---------CARRUSEL----------*/
.contenedor-carrusel{
	width: 90%;
	height:820px;
	margin: 0px;
	overflow: hidden;

}
.carrusel{

	width: 90%;
	left:11%;
	top:165px;
	height: 820px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}



.carrusel-lista{
	overflow: hidden;
}

.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 71px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}

 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 85px;
	height: 85px;
	font-size: 40px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 78px;
   
}

.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 85px;
	height: 85px;
	font-size: 40px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 11px;

}
}
@media only screen and (min-width: 2560px)  {
 .car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 64px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 89%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: 7px;
}
 .car3{
	width: 75%;
	height: 60%;
	padding: 25px;
	margin-top: 62px;
	transition: 0.5s;
	margin-left: 81px;
	object-fit: contain;
}
 .car4{
	width: 80%;
	height: 75%;
	padding: 15px;
	transition: 0.5;
	object-fit: contain;
	margin-left: 76px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 100px;
	margin-top: 10px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	margin-top: -14px;
	object-fit: contain;
	margin-left:50px;

}

.detalles1 h6{
	color: orange;
	font-size: 40px;
	font-weight: bold;
	font-family: 'Poppins';
	margin-left: 334px;
	margin-top: -12px;
	margin-bottom: -24px;
}
.detalles1 b{
	color: black;
	font-size: 80px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left:98px;
}

.detalles1 .card1{
	color: orange;
	font-size: 38px;
	font-family: 'Poppins';
	margin-left: 396px;
	margin-top: -25px;
}

.detalles2 .card2 {
	color: black;
	font-size: 80px;
	 font-family:'Montserrat';
	margin-top: 30px;
	margin-left: 68px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 38px;
	font-family: 'Poppins';
	margin-left: 431px;
	margin-top: -25px;
}
.detalles3 .card3 {
	color: black;
	font-size: 80px;
	 font-family:'Montserrat';
	margin-top: 36px;
	margin-left: 194px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 38px;
	font-family: 'Poppins';
	margin-left: 328px;
	margin-top: -22px;
}
.detalles4 .card4{
	margin-top: -89px;
}
.detalles4 b{
    color: black;
	font-size: 75px;
	 font-family:'Montserrat';
	margin-left: 126px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 60px;
	font-family: 'Poppins';
	margin-left: 8px;
	font-weight: bold;

}


.detalles4 .small4 {
    color: black;
	font-size: 75px;
	 font-family:'Montserrat';
	margin-left: 28px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 60px;
	font-family: 'Poppins';
	margin-left: 20px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 80px;
	 font-family:'Montserrat';
	margin-top: -49px;
	margin-left: 169px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 45px;
	font-weight: bold;
	font-family: 'Poppins';
	margin-left: 298px;
	margin-top: -32px;
}


.detalles6 .card6{
	color: black;
	font-size: 75px;
	 font-family:'Montserrat';
	margin-top: -48px;
	margin-left: 172px;
}
.detalles6 .cards6{
	color: black;
	font-size: 75px;
	 font-family:'Montserrat';
	margin-left: -157px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 45px;
	font-family: 'Poppins';
	margin-left: 442px;
	margin-top: -35px;
	font-weight: bold;
}





/*---------FIN DEL CARRUSEL----------*/






/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: 210px auto;
	display: grid;
	grid-gap: 10px;
}
}

/*-----Inicio del banner1-----*/

@media only screen and (min-width: 2560px)  {

.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 620px;
	margin: 50px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}


.banner1 img {
	margin-top: -866px;
	width: 155%;
	padding: 20px 20px;
	max-height: 332%;
	display: block;
	margin-left: 423px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: 105px; 
position: absolute;
margin-right:810px;
 } 

.Texto  b{
	margin-left: 28px;
	color: orange;
   font-size: 95px;
  font-family:'Montserrat';
 
	
}
.Texto p{
	margin-top: -28px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 155px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
  	
}
.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 155px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
   margin-left: 15px;
  	
}

.Texto small{
	color: orange;
	font-size: 40px;
	font-weight: bold;
	margin-left: 30px;
	font-family: 'Poppins';
	
}

}

/*-----fin del banner1-----*/



@media only screen and (min-width: 2560px)  {

/*----Inicio del Banner2----*/

.contenedor-banner.banner2 .figuras{
	width: 30%;
}
.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 620px;
	margin: 50px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


figure .img2{

margin-top: -187px;
margin-right: 35px;
margin-left: -13px;
width:36%;
height: 59%;
object-fit: cover;
}

figure .img1{
	margin-top: 10px;
	margin-left: 235px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 98%;
    height: 68%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: 20px;
	margin-top: -397px;
	margin-left:910px;
	height: 80%;
	width: 101%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: 20px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	position: absolute;
   color: black;
	font-size: 150px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: -110px;

	
	}

	.informacion h1{
		font-size: 95px;
		font-weight: bold;
		color: orange;
		margin-left: 362px;
		margin-top: 37px;
		font-family: 'Montserrat';
		margin-bottom: -15px;

	}

.informacion small{
	color: orange;
	font-size: 40px;
	font-weight: bold;
	margin-left: -100px;
	font-family: 'Poppins';

}
}

/*----Fin del Banner2----*/

@media only screen and (min-width: 2560px)  {
/*-----Inicio del Banner3----*/
.banner3{
	background-color: #EBE9E1;
	width: 90%;
	height: 680px;
	margin: 50px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}
.banner3 .cat .Pic1{
	padding: 0px;
	width: 90%;
	height: 91%;
	margin-left: 40px;
	margin-right: 15px;
	margin-top: 36px;
	object-fit: contain;
}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
	width: 98%;
	height: 48%;
	margin-top: 250px;
	margin-right:349px;
	margin-left: 99px;
	object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
	display: block;
	padding: 20px 20px;
	width:84%;
	height: 50%;
	margin-top: 243px;
	margin-right:160px;
	margin-left: -120px;
	object-fit: contain;
}
.banner3 .cat3 .Pic4{
	display: block;
	margin-top: 229px;
	padding: 20px 20px;
	width: 86%;
	height: 54%;
	margin-right:172px;
	margin-left: -165px;
	object-fit: contain;
}

.banner3 .cat4 .Pic5{
	display: block;
	margin-top: 206px;
	padding: 20px 20px;
	width: 84%;
	height: 70%;
	margin-right:110px;
	margin-left: -210px;
	object-fit: contain;
}



.nom-c1 p {
color: orange;
font-size: 34px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -22px;
margin-left: 358px;
}
.nom-c2 p{
color: orange;
font-size: 34px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -30px;
margin-left: -58px;
}
.nom-c3 p {
color: orange;
margin-top: -42px;
font-size: 34px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-left: -146px;
}


.btn-abrir-popup{
	width: 11%;
	margin-bottom: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border:1px solid #BBBBBB;
    margin-top: 606px;
    margin-right: 650px;
    color: white;
    font-size: 30px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -711px;
     border: none;
     border-radius: 12px;
     cursor: pointer;
 }

.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding:55px;
    text-align: center;
    width: 590px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;


}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 36px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	margin-top: -54px;
	color: white;
	font-size: 50px;
	margin-bottom: -3px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 35px;
font-family: 'Poppins';
margin-bottom: 35px;
}


.popup h5{
margin-top: -15px;
font-size: 42px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	margin-bottom: 42px;
 	display: flex;
	width: 106%;
    height: 33px;
    line-height: 52px;
    text-align: center;
    color: white;
}
.opciones input{
	cursor: pointer;
}

.opciones label{
	color: black;
	font-size: 32px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv {
	margin-left: -44px;
}
.popup .opciones .esca{
	margin-left:12px;
}

.popup .opciones .Maq{
	margin-left:12px;
}


.popup form .contenedor-inputs input{
	width: 90%;
	margin-bottom: 26px;
    height: 52px;
    line-height: 52px;
    font-size: 32px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 20px;
	height: 46px;
	line-height: 46px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 32px;
	border-radius: 5px;
	margin-top: 25px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}
.popup form .btn-submit:hover{
	background: white;
}

.banner3 .articulo{
	margin-top: 16px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 150px;
	font-weight: bold;
	margin-left: 456px;
	margin-top:1px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: -15px;
   margin-bottom: -25px;
	margin-left:636px;
	color: orange;
	font-size: 75px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-35px;

	}

.articulo small{
	color: orange;
	font-size: 40px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 150px;
	margin-left: 1054px;
	text-align: justify;
	font-family: 'Poppins';
}

}

/*-----Fin del banner3-----*/


/*-----Inicio del banner4-----*/
@media only screen and (min-width: 2560px)  {
.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 520px;
	margin: 50px auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 width: 80%;
 height: 120%;
 margin-left: -175px;
 position: relative;
 top: -55px;
 object-fit: contain;
}
.banner4 .envio-2{
 width: 68%;
 height: 138%;
 margin-left:-323px;
margin-top:-90px;
object-fit: cover;

 
}

.info b{
   color: orange;
	font-size: 90px;
	font-weight: bold;
	margin-left: -30px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 150px;
	font-weight: bold;
	margin-left: -62px;
	margin-bottom: -25px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 38px;
	font-weight: bold;
	margin-left:-52px;
	 font-family: 'Poppins';

}
.info h3{
	color: orange;
	font-size:38px;
	font-weight: bold;
	margin-left:558px;
	margin-top: -55px;
	 font-family: 'Poppins';

}
.info p{
	margin-top: 15px;
	text-align: justify;
	margin-bottom:-50px;
}

.info2 p{
	margin-top:390px;
	font-size: 34px;
   color:black;
   font-weight: bold;
   margin-left: -708px;
   margin-bottom: -88px;
 }
.info2 span{
   font-size: 34px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 40px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -710px;
    font-family: 'Poppins';

}

}
@media only screen and (min-width: 2560px)  {


/*Banner5 inicio-----*/

.banner5{
	
	width: 90%;
	height: 620px;
	margin: 50px auto;
	overflow: hidden;
}
/*------COLUMNA1-----*/

.banner5 #columna1{
	float: right;
	width: 48%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 40%;
height: 70%;
margin-top: -264px;
margin-left: -60px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 30px;
	color: white;
	font-family: 'Montserrat';
	font-size: 45px;
	margin-left: 385px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 394px;
	color: black;
	font-family: 'Montserrat';
	font-size: 55px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 317px;
	color: black;
	font-family: 'Poppins';
	font-size: 30px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 h3{
	margin-top: -47px;
	margin-left: 724px;
	color: black;
	font-family: 'Poppins';
	font-size: 30px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 p{
	margin-top: 32px;
	margin-left: 324px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 30px;
}
#columna1 h4{
	margin-top:-48px;
	margin-left: 733px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 30px;
}






/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 322px;
	margin-right: -1105px;
}

#columna2 .ban2{
	margin-top: -202px;
	width: 43%;
	height: 59%;
	object-fit: cover;
	margin-left: 600px;
	transform: rotateY(35deg);
}


#columna2 h1{
    margin-top: 40px;
    margin-left: 120px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 45px;
	margin-bottom: -20px;
}
#columna2 h2{
	color: black;
	margin-left: 20px;
	font-family: 'Montserrat';
	font-size: 55px;
	margin-bottom: -8px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 30px;
	margin-left: 86px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	width: 42%;
	height: 105%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
width: 44%;
height: 98%;
margin-top: 110px;
margin-left: 241px;
}


.columna3 .text p{
	margin-top: -730px;
	color: orange;
	font-size: 35px;
	font-family: 'Montserrat';
	margin-left: 33px;
	margin-bottom: -88px;
}

.columna3 h1{
	margin-left: 15px;
	color: black;
	font-size: 42px;
	font-family: 'Montserrat';
}
}



@media (min-width: 1600px) and (max-width: 1650px) {


.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 44px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}

 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 65px;
	height: 65px;
	font-size: 22px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 54px;
   
}

.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 65px;
	height: 65px;
	font-size: 22px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 10px;

}

/*---------FIN DEL Menu----------*/


/*---------Titulo----------*/
.encabezado{
	padding:45px;
	width: 90%;
	height: 200px;
}

h1{
	margin-left: 132px;
    margin-bottom: -14px;
    margin-top: 51px;
	padding: 10px;
	font-size: 36px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 145px;
	font-size: 25px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}
header{
 
   position: fixed;
	height: 60px;
	background: rgba(255,165,0,0.7);
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	}

	.btn-menu  .fa-bars{
	float: right;
	color: white;
	font-size: 30px;
	line-height: 60px;
	margin-right:25px;
}
}
/*----------FIN DEL TITULO-----------*/

@media (min-width: 1600px) and (max-width: 1650px)  {
/*---------CARRUSEL----------*/
.contenedor-carrusel{
	width: 90%;
	height:480px;
	margin: 0px;
	overflow: hidden;

}



.carrusel{

	width: 90%;
	left:11%;
	top: 38px;
	height: 470px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}




  .car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 40px;
	margin-top: 15px;
	

}
.car2{
	margin-top: 15px;
	width: 107%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -32px;
}
 .car3{
	width: 88%;
	height: 68%;
	padding: 25px;
	margin-top: 24px;
	transition: 0.5s;
	margin-left: 15px;
	object-fit: contain;
}
 .car4{
	width: 80%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 40px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 49px;
	margin-top: 10px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:40px;

}



.detalles1 h6{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 225px;
	margin-top: -4px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left:75px;
}

.detalles1 .card1{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 230px;
	margin-top: -12px;
}

.detalles2 .card2 {
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: 5px;
	margin-left: 57px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 248px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: 5px;
	margin-left: 128px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 180px;
	margin-top: -10px;
}
.detalles4 .card4{
	margin-top: -35px;
}
.detalles4 b{
    color: black;
	font-size: 43px;
	 font-family:'Montserrat';
	margin-left: 85px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 38px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;

}


.detalles4 .small4 {
    color: black;
	font-size: 43px;
	 font-family:'Montserrat';
	margin-left: 32px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 38px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: -22px;
	margin-left: 115px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Poppins';
	margin-left: 194px;
	margin-top: -20px;
}


.detalles6 .card6{
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: -10px;
	margin-left: 111px;
}
.detalles6 .cards6{
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-left: -95px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 25px;
	font-family: 'Poppins';
	margin-left: 280px;
	margin-top: -20px;
	font-weight: bold;
}

}



/*---------FIN DEL CARRUSEL----------*/




@media (min-width: 1600px) and (max-width: 1650px) {
/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: 60px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 25px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}


.banner1 img {
	margin-top: -525px;
	width: 155%;
	padding: 20px 20px;
	max-height: 304%;
	display: block;
	margin-left: 235px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: 65px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-left: 28px;
	color: orange;
   font-size: 50px;
  font-family:'Montserrat';
 
	
}
.Texto p{
	margin-top: -28px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 105px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
  	
}
.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 105px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
   margin-left: 15px;
  	
}

.Texto small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
	margin-left: 30px;
	font-family: 'Poppins';
	
}

}

/*-----fin del banner1-----*/

@media (min-width: 1600px) and (max-width: 1650px)  {

/*----Inicio del Banner2----*/
.contenedor-banner.banner2 .figuras{
	width: 30%;
}
.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 25px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


figure .img2{

margin-top: -99px;
margin-right: 35px;
margin-left: -13px;
width:36%;
height: 65%;
object-fit: cover;
}

figure .img1{
	margin-top: 10px;
	margin-left: 175px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 98%;
    height: 58%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: 20px;
	margin-top: -258px;
	margin-left:993px;
	height: 76%;
	width: 25%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: 20px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	position: absolute;
   color: black;
	font-size: 100px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 332px;

	
	}

	.informacion h1{
		font-size: 50px;
		font-weight: bold;
		color: orange;
		margin-left: 618px;
		margin-top: 37px;
		font-family: 'Montserrat';
		margin-bottom: -15px;

	}

.informacion small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
	margin-left: 336px;
	font-family: 'Poppins';

}

}
/*----Fin del Banner2----*/

@media (min-width: 1600px) and (max-width: 1650px)  {
/*-----Inicio del Banner3----*/
.banner3{
	background-color: #EBE9E1;
	width: 90%;
	height: 500px;
	margin: 25px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}



.banner3 .cat .Pic1{
	display: block;
	padding: 20px 20px;
	margin: 75%;
	height: 104%;
	margin-left: -30px;
	margin-top: 5px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
	width: 90%;
	height: 46%;
	margin-top: 182px;
	margin-right:165px;
	margin-left: -26px;
	object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
	display: block;
	padding: 20px 20px;
	width:86%;
	height: 52%;
	margin-top: 167px;
	margin-right:127px;
	margin-left: -119px;
	object-fit: contain;
}
.banner3 .cat3 .Pic4{
	display: block;
	margin-top: 97px;
	padding: 20px 20px;
	width: 85%;
	height: 80%;
	margin-right:66px;
	margin-left: -155px;
	object-fit: contain;
}



.nom-c1 p {
color: orange;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -21px;
margin-left: 60px;
}
.nom-c2 p{
color: orange;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -36px;
margin-left: -68px;
}
.nom-c3 p {
color: orange;
margin-top: -106px;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-left: -136px;
}




.btn-abrir-popup{
	width: 14%;
	margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border:1px solid #BBBBBB;
    margin-top: 436px;
    margin-right: 348px;
    color: white;
    font-size: 22px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -560px;
     border: none;
     border-radius: 8px;
     cursor: pointer;
 }


.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 20px;
    text-align: center;
    width: 400px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;


}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 16px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 25px;
	margin-bottom: 2px;
}

.popup h4{
color: white;
font-size: 18px;
font-family: 'Poppins';
margin-bottom: 14px;
}


.popup h5{
margin-top: -7px;
font-size: 26px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	margin-bottom: 36px;
 	display: flex;
	width: 100%;
    height: 32px;
    line-height: 52px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:2px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}


.popup form .contenedor-inputs input{
	width: 100%;
	margin-bottom: 18px;
    height: 52px;
    line-height: 52px;
    font-size: 24px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 20px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}
.popup form .btn-submit:hover{
	background: white;
}

.banner3 .articulo{
	margin-top: 16px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 110px;
	font-weight: bold;
	margin-left: 228px;
	margin-bottom:-75px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: -4px;
	margin-left:412px;
	color: orange;
	font-size: 50px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-76px;

	}

.articulo small{
	color: orange;
	font-size: 22px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 166px;
	margin-left: 741px;
	text-align: justify;
	font-family: 'Poppins';
}
}


/*-----Fin del banner3-----*/

@media (min-width: 1600px) and (max-width: 1650px) {

/*-----Inicio del banner4-----*/

.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 50px auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 width: 70%;
 height: 117%;
 margin-left: -34px;
 position: relative;
 top: -60px;
 object-fit: contain;
}
.banner4 .envio-2{
 width: 65%;
 height: 138%;
 margin-left:-242px;
margin-top:-90px;
object-fit: cover;

 
}

.info b{
   color: orange;
	font-size: 50px;
	font-weight: bold;
	margin-left: -110px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 110px;
	font-weight: bold;
	margin-left: -115px;
	margin-bottom: -25px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 16px;
	font-weight: bold;
	margin-left:-92px;
	 font-family: 'Poppins';

}
.info h3{
	color: orange;
	font-size: 16px;
	font-weight: bold;
	margin-left:165px;
	margin-top: -25px;
	 font-family: 'Poppins';

}
.info p{
	margin-top: 90px;
	text-align: justify;
	margin-bottom:-25px;
}

.info2 p{
	margin-top:305px;
	font-size: 16px;
   color:black;
   font-weight: bold;
   margin-left: -390px;
   margin-bottom: -79px;
 }
.info2 span{
   font-size: 16px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 24px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -392px;
    font-family: 'Poppins';

}

}

@media (min-width: 1600px) and (max-width: 1650px) {
/*Banner5 inicio-----*/

.banner5{
	
	width: 90%;
	height: 450px;
	margin: 20px auto;
	overflow: hidden;
}
/*------COLUMNA1-----*/

.banner5 #columna1{
	float: right;
	width: 48%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 46%;
margin-top: -215px;
margin-left: -60px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 30px;
	color: white;
	font-family: 'Montserrat';
	font-size: 35px;
	margin-left: 215px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 225px;
	color: black;
	font-family: 'Montserrat';
	font-size: 50px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 232px;
	color: black;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 h3{
	margin-top: -23px;
	margin-left: 422px;
	color: black;
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 p{
	margin-top: 44px;
	margin-left: 235px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 14px;
}
#columna1 h4{
	margin-top: -20px;
	margin-left: 426px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 14px;
}

/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/



#columna2 .ban2{
	margin-top: -111px;
	width: 55%;
	height: 72%;
	object-fit: cover;
	margin-left: 280px;
	transform: rotateY(30deg);
}


#columna2 h1{
    margin-top: 32px;
    margin-left: 96px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -20px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 30px;
	margin-left: 48px;
	margin-bottom: -8px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 14px;
	margin-left: 96px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/
.banner5 .columna3{
	width: 43%;
	height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
display: block;
width: 48%;
height: 84%;
margin-top: 114px;
margin-left: 135px;
}


.columna3 .text p{
	margin-top: -470px;
	color: orange;
	font-size: 26px;
	font-family: 'Montserrat';
	margin-left: 29px;
	margin-bottom: -70px;
}

.columna3 h1{
	margin-left: 15px;
	color: black;
	font-size: 35px;
	font-family: 'Montserrat';
}

}



@media (min-width: 1600px) and (max-width: 1603px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -691px;
}
}
@media (min-width: 1604px) and (max-width: 1608px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -694px;
}
}
@media (min-width: 1609px) and (max-width: 1613px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -695px;
}
}
@media (min-width: 1614px) and (max-width: 1616px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -697px;
}
}
@media (min-width: 1617px) and (max-width: 1620px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -699px;
}
}
@media (min-width: 1621px) and (max-width: 1628px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -702px;
}
}
@media (min-width: 1629px) and (max-width: 1635px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -705px;
}
}
@media (min-width: 1636px) and (max-width: 1640px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -708px;
}
}
@media (min-width: 1641px) and (max-width: 1646px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -710px;
}
}
@media (min-width: 1647px) and (max-width: 1653px) {

.banner5 #columna2{
	display: block;
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -713px;
}
}








@media only screen and (width: 1440px)  {

.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	height: 30%;
 	background: #EBE9E1;
 	margin: 0 40px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}

 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 65px;
	height: 65px;
	font-size: 22px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 48px;
   
}

.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 65px;
	height: 65px;
	font-size: 22px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 10px;

}

/*---------FIN DEL Menu----------*/


/*---------Titulo----------*/
.encabezado{
	padding:45px;
	width: 90%;
	height: 200px;
}

h1{
	margin-left: 132px;
    margin-bottom: -14px;
    margin-top: 51px;
	padding: 10px;
	font-size: 36px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 145px;
	font-size: 25px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}
header{
 
   position: fixed;
	height: 60px;
	background: rgba(255,165,0,0.7);
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	}

	.btn-menu  .fa-bars{
	float: right;
	color: white;
	font-size: 30px;
	line-height: 60px;
	margin-right:25px;
}
}
/*----------FIN DEL TITULO-----------*/


@media only screen and (width: 1440px)  {

/*---------CARRUSEL----------*/
.contenedor-carrusel{
	width: 90%;
	height:445px;
	margin: 0px;
	overflow: hidden;

}



.carrusel{

	width: 90%;
	left:10%;
	top: 38px;
	height: 445px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}




  .car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 36px;
	margin-top: 15px;
	

}
.car2{
	margin-top: 15px;
	width: 107%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -32px;
}
 .car3{
	width: 88%;
	height: 68%;
	padding: 25px;
	margin-top: 24px;
	transition: 0.5s;
	margin-left: 15px;
	object-fit: contain;
}
 .car4{
	width: 80%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 40px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 49px;
	margin-top: 10px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:40px;

}



.detalles1 h6{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 208px;
	margin-top: -4px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left:56px;
}

.detalles1 .card1{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 230px;
	margin-top: -12px;
}

.detalles2 .card2 {
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: 5px;
	margin-left: 40px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 248px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: 5px;
	margin-left: 110px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 180px;
	margin-top: -10px;
}
.detalles4 .card4{
	margin-top: -35px;
}
.detalles4 b{
    color: black;
	font-size: 43px;
	 font-family:'Montserrat';
	margin-left: 60px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 38px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;

}


.detalles4 .small4 {
    color: black;
	font-size: 43px;
	 font-family:'Montserrat';
	margin-left: 11px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 38px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: -16px;
	margin-left: 102px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 25px;
	font-weight: bold;
	font-family: 'Poppins';
	margin-left: 182px;
	margin-top: -20px;
}

.detalles6 .card6{
	color: black;
	font-size: 43px;
	 font-family:'Montserrat';
	margin-top: -14px;
	margin-left: 94px;
}
.detalles6 .cards6{
	color: black;
	font-size: 43px;
	 font-family:'Montserrat';
	margin-left: -89px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 25px;
	font-family: 'Poppins';
	margin-left: 251px;
	margin-top: -20px;
	font-weight: bold;
}

}



/*---------FIN DEL CARRUSEL----------*/





@media only screen and (width: 1440px)  {
/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: 60px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 25px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}


.banner1 img {
	margin-top: -525px;
	width: 155%;
	padding: 20px 20px;
	max-height: 304%;
	display: block;
	margin-left: 235px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: 65px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-left: 28px;
	color: orange;
   font-size: 50px;
  font-family:'Montserrat';
 
	
}
.Texto p{
	margin-top: -28px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 105px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
  	
}
.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 105px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
   margin-left: 15px;
  	
}

.Texto small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
	margin-left: 30px;
	font-family: 'Poppins';
	
}

}

/*-----fin del banner1-----*/



@media only screen and (width: 1440px)  {

/*----Inicio del Banner2----*/
.contenedor-banner.banner2 .figuras{
	width: 30%;
}
.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 25px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


figure .img2{

margin-top: -99px;
margin-right: 35px;
margin-left: -13px;
width:36%;
height: 65%;
object-fit: cover;
}

figure .img1{
	margin-top: 10px;
	margin-left: 175px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 98%;
    height: 58%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: 20px;
	margin-top: -258px;
	margin-left:993px;
	height: 76%;
	width: 25%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: 20px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	position: absolute;
   color: black;
	font-size: 100px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 332px;

	
	}

	.informacion h1{
		font-size: 50px;
		font-weight: bold;
		color: orange;
		margin-left: 618px;
		margin-top: 37px;
		font-family: 'Montserrat';
		margin-bottom: -15px;

	}

.informacion small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
	margin-left: 336px;
	font-family: 'Poppins';

}

}
/*----Fin del Banner2----*/

@media only screen and (width: 1440px)  {

/*-----Inicio del Banner3----*/
.banner3{
	background-color: #EBE9E1;
	width: 90%;
	height: 500px;
	margin: 25px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}



.banner3 .cat .Pic1{
	display: block;
	padding: 20px 20px;
	margin: 75%;
	height: 104%;
	margin-left: -30px;
	margin-top: 5px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
	width: 90%;
	height: 46%;
	margin-top: 182px;
	margin-right:165px;
	margin-left: -26px;
	object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
	display: block;
	padding: 20px 20px;
	width:86%;
	height: 52%;
	margin-top: 167px;
	margin-right:127px;
	margin-left: -119px;
	object-fit: contain;
}
.banner3 .cat3 .Pic4{
	display: block;
	margin-top: 97px;
	padding: 20px 20px;
	width: 85%;
	height: 80%;
	margin-right:70px;
	margin-left: -159px;
	object-fit: contain;
}




.nom-c1 p {
color: orange;
font-size: 21px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -21px;
margin-left: 66px;
}
.nom-c2 p{
color: orange;
font-size: 21px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -36px;
margin-left: -66px;
}
.nom-c3 p {
color: orange;
margin-top: -107px;
font-size: 21px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-left: -136px;
}

.btn-abrir-popup{
	width: 14%;
	margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border:1px solid #BBBBBB;
    margin-top: 433px;
    margin-right: 348px;
    color: white;
    font-size: 22px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -544px;
     border: none;
     border-radius: 8px;
     cursor: pointer;
 }


.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 20px;
    text-align: center;
    width: 400px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;


}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 20px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 25px;
	margin-bottom: 16px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 18px;
font-family: 'Poppins';
margin-bottom: -6px;
}

.popup h2{
color: white;
font-size: 18px;
font-family: 'Poppins';
margin-bottom: 18px;
margin-left: -1px;
}

.popup h5{
margin-top: -7px;
font-size: 26px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	margin-bottom: 30px;
 	display: flex;
	width: 99%;
    height: 32px;
    line-height: 52px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 21px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:2px;

}
.popup .opciones .esca{
	margin-left:8px;
}
.popup .opciones .Maq{
	margin-left:8px;
}
.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	width: 100%;
	margin-bottom: 20px;
    height: 52px;
    line-height: 52px;
    font-size: 22px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 20px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}
.popup form .btn-submit:hover{
	background: white;
}

.banner3 .articulo{
	margin-top: 16px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 110px;
	font-weight: bold;
	margin-left: 228px;
	margin-bottom:-75px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: -4px;
	margin-left:412px;
	color: orange;
	font-size: 50px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-76px;

	}

.articulo small{
	color: orange;
	font-size: 22px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 166px;
	margin-left: 741px;
	text-align: justify;
	font-family: 'Poppins';
}
}


/*-----Fin del banner3-----*/

@media only screen and (width: 1440px)  {

/*-----Inicio del banner4-----*/

.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 50px auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 width: 70%;
 height: 117%;
 margin-left: -34px;
 position: relative;
 top: -60px;
 object-fit: contain;
}
.banner4 .envio-2{
 width: 65%;
 height: 138%;
 margin-left:-242px;
margin-top:-90px;
object-fit: cover;

 
}

.info b{
   color: orange;
	font-size: 50px;
	font-weight: bold;
	margin-left: -110px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 110px;
	font-weight: bold;
	margin-left: -115px;
	margin-bottom: -25px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left:-111px;
	 font-family: 'Poppins';

}
.info h3{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left:131px;
	margin-top: -24px;
	 font-family: 'Poppins';

}
.info p{
	margin-top: 90px;
	text-align: justify;
	margin-bottom:-25px;
}

.info2 p{
	margin-top:305px;
	font-size: 15px;
   color:black;
   font-weight: bold;
   margin-left: -390px;
   margin-bottom: -79px;
 }
.info2 span{
   font-size: 15px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 23px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -392px;
    font-family: 'Poppins';

}

}

@media only screen and (width: 1440px)  {
/*Banner5 inicio-----*/

.banner5{
	
	width: 90%;
	height: 450px;
	margin: 20px auto;
	overflow: hidden;
}
/*------COLUMNA1-----*/

.banner5 #columna1{
	float: right;
	width: 48%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 48%;
height: 100%;
margin-top: -215px;
margin-left: -60px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 30px;
	color: white;
	font-family: 'Montserrat';
	font-size: 35px;
	margin-left: 215px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 225px;
	color: black;
	font-family: 'Montserrat';
	font-size: 50px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 232px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 h3{
	margin-top: -18px;
	margin-left: 397px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 p{
	margin-top: 44px;
	margin-left: 235px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}
#columna1 h4{
	margin-top: -18.5px;
	margin-left: 399px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}






/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -621px;
}

#columna2 .ban2{
	margin-top: -98px;
	width: 53%;
	height: 72%;
	object-fit: cover;
	margin-left: 280px;
	transform: rotateY(35deg);
}


#columna2 h1{
    margin-top: 32px;
    margin-left: 96px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -20px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 30px;
	margin-left: 48px;
	margin-bottom: -8px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 14px;
	margin-left: 96px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/
.banner5 .columna3{
	width: 45%;
	height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
width: 49%;
height: 84%;
margin-top: 125px;
margin-left: 135px;
}


.columna3 .text p{
	margin-top: -482px;
	color: orange;
	font-size: 26px;
	font-family: 'Montserrat';
	margin-left: 29px;
	margin-bottom: -70px;
}

.columna3 h1{
	margin-left: 15px;
	color: black;
	font-size: 35px;
	font-family: 'Montserrat';
}

}


@media only screen and (max-width: 1280px)  {
/*----------------Menu----------*/


/*---------FIN DEL Menu----------*/


/*---------Titulo----------*/
.encabezado{
	padding:45px;
	width: 90%;
	height: 200px;
}

h1{
	margin-left: 124px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 35px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 135px;
	font-size: 20px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}
header{
 
   position: fixed;
	height: 55px;
	background: rgba(255,165,0,0.7);
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	}
}
/*----------FIN DEL TITULO-----------*/


@media only screen and (max-width: 1280px)  {
/*---------CARRUSEL----------*/
.contenedor-carrusel{
	width: 90%;
	height:380px;
	margin: 0px;
	overflow: hidden;

}



.carrusel{

	width: 90%;
	left:11%;
	top: -35px;
	height: 435px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}




.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	height: 30%;
 	background: #EBE9E1;
 	margin: 0 35.5px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}

  .car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 40px;
	margin-top: 15px;
	

}
.car2{
	margin-top: 15px;
	width: 107%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -23px;
}
 .car3{
	width: 88%;
	height: 68%;
	padding: 25px;
	margin-top: 24px;
	transition: 0.5s;
	margin-left: 15px;
	object-fit: contain;
}
 .car4{
	width: 80%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 40px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 49px;
	margin-top: 10px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:40px;

}



.detalles1 h6{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	font-weight: bold;
	margin-left: 184px;
	margin-top: -4px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left:34px;
}

.detalles1 .card1{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 200px;
	margin-top: -12px;
}

.detalles2 .card2 {
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: 5px;
	margin-left: 18px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 215px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 45px;
	 font-family:'Montserrat';
	margin-top: 4px;
	margin-left: 93px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 145px;
	margin-top: -10px;
}
.detalles4 .card4{
	margin-top: -35px;
}
.detalles4 b{
    color: black;
	font-size: 40px;
	 font-family:'Montserrat';
	margin-left: 58px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 32px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;

}


.detalles4 .small4 {
    color: black;
	font-size: 40px;
	 font-family:'Montserrat';
	margin-left: 6px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 32px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 43px;
	 font-family:'Montserrat';
	margin-top: -32px;
	margin-left: 82px;	
}
.detalles5 .tar5{
	color: orange;
	font-weight: bold;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: 163spx;
	margin-top: -10px;
}



.detalles6 .card6{
	color: black;
	font-size: 38px;
	 font-family:'Montserrat';
	margin-top: -14px;
	margin-left: 85px;
}
.detalles6 .cards6{
	color: black;
	font-size: 38px;
	 font-family:'Montserrat';
	margin-left: -76px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 25px;
	font-family: 'Poppins';
	margin-left: 216px;
	margin-top: -19px;
}

 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(52% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 50px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(52% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 15px;

}
}



/*---------FIN DEL CARRUSEL----------*/





@media only screen and (max-width: 1280px)  {
/*---------BANNERS----------*/

.contenedor-banner{
	width: 90%;
	height: 100%;
	margin: -75px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 25px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}


.banner1 img {
	margin-top: -525px;
	width: 155%;
	padding: 20px 20px;
	max-height: 304%;
	display: block;
	margin-left: 190px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: 65px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-left: 28px;
	color: orange;
   font-size: 50px;
  font-family:'Montserrat';
 
	
}
.Texto p{
	margin-top: -28px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 105px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
  	
}
.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 105px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -25px;
   margin-left: 15px;
  	
}

.Texto small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
	margin-left: 30px;
	font-family: 'Poppins';
	
}

}

/*-----fin del banner1-----*/



@media only screen and (max-width: 1280px)  {

/*----Inicio del Banner2----*/
.contenedor-banner.banner2 .figuras{
	width: 30%;
}
.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 25px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


figure .img2{

margin-top: -74px;
margin-right: 35px;
margin-left: -13px;
width:36%;
height: 65%;
object-fit: cover;
}

figure .img1{
	margin-top: 10px;
	margin-left: 175px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 98%;
    height: 58%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: 20px;
	margin-top: -268px;
	margin-left:785px;
	height: 76%;
	width: 25%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: 20px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	position: absolute;
   color: black;
	font-size: 100px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 332px;

	
	}

	.informacion h1{
		font-size: 50px;
		font-weight: bold;
		color: orange;
		margin-left: 618px;
		margin-top: 37px;
		font-family: 'Montserrat';
		margin-bottom: -15px;

	}

.informacion small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
	margin-left: 336px;
	font-family: 'Poppins';

}

}
/*----Fin del Banner2----*/

@media only screen and (max-width: 1280px)  {

/*-----Inicio del Banner3----*/
.banner3{
	background-color: #EBE9E1;
	width: 90%;
	height: 500px;
	margin: 25px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

.banner3 .cat .Pic1{
	display: block;
	padding: 20px 20px;
	margin: 75%;
	height: 79%;
	margin-left: -118px;
	margin-top: 83px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
	width: 90%;
	height: 46%;
	margin-top: 182px;
	margin-right:165px;
	margin-left: -38px;
	 object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
	display: block;
	padding: 20px 20px;
	width:86%;
	height: 50%;
	margin-top: 172px;
	margin-right:134px;
	margin-left: -119px;
	 object-fit: contain;
}
.banner3 .cat3 .Pic4{
	display: block;
	margin-top: 129px;
	padding: 20px 20px;
	width: 85%;
	height: 67%;
	margin-right:111px;
    margin-left: -154px;
	object-fit: contain;
}




.nom-c1 p {
color: orange;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -21px;
margin-left: 43px;
}
.nom-c2 p{
color: orange;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -31px;
margin-left: -67px;
}
.nom-c3 p {
color: orange;
margin-top: -73px;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-left: -132px;
}


.btn-abrir-popup{
	width: 20%;
	margin-bottom: 20px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border:1px solid #BBBBBB;
    margin-top: 435px;
    margin-right: 202px;
    color: white;
    font-size: 23px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -561px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }


.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 20px;
    text-align: center;
    width: 400px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;


}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 23px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 25px;
	margin-bottom: 10px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 18px;
font-family: 'Poppins';
margin-bottom: 9px;
}

.popup h2{
color: white;
font-size: 18px;
font-family: 'Poppins';
margin-bottom: 18px;
margin-left: -1px;
}

.popup h5{
margin-top: -7px;
font-size: 26px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	margin-bottom: 36px;
 	display: flex;
	width: 100%;
    height: 32px;
    line-height: 52px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:-6px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}


.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	width: 100%;
	margin-bottom: 20px;
    height: 52px;
    line-height: 52px;
    font-size: 22px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 20px;
	height: 40px;
	line-height: 40px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 20px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}
.popup form .btn-submit:hover{
	background: white;
}

.banner3 .articulo{
	margin-top: 16px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 110px;
	font-weight: bold;
	margin-left: 122px;
	margin-bottom:-75px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: -5px;
	margin-left:312px;
	color: orange;
	font-size: 50px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-40px;

	}

.articulo small{
	color: orange;
	font-size: 22px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 130px;
	margin-left: 640px;
	text-align: justify;
	font-family: 'Poppins';
}
}


/*-----Fin del banner3-----*/

@media only screen and (max-width: 1280px)  {

/*-----Inicio del banner4-----*/

.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 55px auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 width: 70%;
 height: 117%;
 margin-left: -34px;
 position: relative;
 top: -60px;
 object-fit: contain;
}
.banner4 .envio-2{
 width: 65%;
 height: 138%;
 margin-left:-242px;
margin-top:-90px;
object-fit: cover;

 
}

.info b{
   color: orange;
	font-size: 50px;
	font-weight: bold;
	margin-left: -110px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 110px;
	font-weight: bold;
	margin-left: -115px;
	margin-bottom: -25px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left:-111px;
	 font-family: 'Poppins';

}
.info h3{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left:131px;
	margin-top: -24px;
	 font-family: 'Poppins';

}
.info p{
	margin-top: 90px;
	text-align: justify;
	margin-bottom:-25px;
}

.info2 p{
	margin-top:305px;
	font-size: 15px;
   color:black;
   font-weight: bold;
   margin-left: -390px;
   margin-bottom: -79px;
 }
.info2 span{
   font-size: 15px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 23px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -392px;
    font-family: 'Poppins';

}

}

@media only screen and (max-width: 1280px)  {
/*Banner5 inicio-----*/

.banner5{
	
	width: 90%;
	height: 450px;
	margin: 15px auto;
	overflow: hidden;
}
/*------COLUMNA1-----*/

.banner5 #columna1{
	float: right;
	width: 48%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 48%;
height: 100%;
margin-top: -215px;
margin-left: -60px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 30px;
	color: white;
	font-family: 'Montserrat';
	font-size: 35px;
	margin-left: 158px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 166px;
	color: black;
	font-family: 'Montserrat';
	font-size: 50px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 174px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 h3{
	margin-top: -20px;
	margin-left: 337px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 p{
	margin-top: 44px;
	margin-left: 175px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}
#columna1 h4{
	margin-top: -18.5px;
	margin-left: 339px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}






/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 48%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -497px;
}

#columna2 .ban2{
	margin-top: -74px;
	width: 55%;
	height: 72%;
	object-fit: cover;
	margin-left: 260px;
	transform: rotateY(36deg);
}


#columna2 h1{
    margin-top: 32px;
    margin-left: 90px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -20px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 30px;
	margin-bottom: -8px;
	margin-left: 45px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 14px;
	margin-left: 95px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	width: 45%;
	height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
width: 61%;
height: 85%;
margin-top: 108px;
margin-left: 85px;
}


.columna3 .text p{
	margin-top: -482px;
	color: orange;
	font-size: 26px;
	font-family: 'Montserrat';
	margin-left: 29px;
	margin-bottom: -34px;
}

.columna3 h1{
	margin-left: 15px;
	color: black;
	font-size: 35px;
	font-family: 'Montserrat';
}

}



/*---------HEADER RESPONSIVE--------------*/
@media only screen and (max-width: 1024px)  {
   header {
   position: fixed;
	height: 45px;
	background: rgba(255,165,0,0.7);
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
}

/*---------FIN HEADER RESPONSIVE--------------*/


/*---------BANNER1 RESPONSIVE--------------*/







/*---------BANNER1 RESPONSIVE--------------*/
@media only screen and (max-width: 1024px){


/*---------FIN DEL Menu----------*/


/*---------Titulo----------*/
.encabezado{
	padding:40px;
	width: 100%;
	height: 200px;
}

h1{
   margin-top: 15px;
   margin-left: 136px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 28px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 148px;
	font-size: 19px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}

}

@media only screen and (max-width: 1024px)  {

.contenedor-carrusel{
	width: 90%;
	height:290px;
	margin: 0px;
	overflow: hidden;

}

.carrusel{

	width: 90%;
	left:12%;
	top: -35px;
	height: 356px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}

.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	height: 30%;
 	background: #EBE9E1;
 	margin: 0 29px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}


 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(52% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 36px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(52% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 8px;

}
}
@media only screen and (max-width: 1024px)  {



	.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -80px auto;
	display: grid;
	grid-gap: 10px;
}

  .car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 33px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 92%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -12px;
}
 .car3{
	width: 88%;
	height: 68%;
	padding: 25px;
	margin-top: 24px;
	transition: 0.5s;
	margin-left: 15px;
	object-fit: contain;
}
 .car4{
	width: 85%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 25px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 47px;
	margin-top: 9px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:35px;

}


.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}
.banner1 img {
	margin-top: -522px;
	min-width: 105%;
	padding: 20px 20px;
	min-height: 100%;
	display: block;
	margin-left: 138px;
	transform: rotate(4.5deg);
	object-fit: contain;
	display: grid;

}

.banner1 .Texto{

margin-top: 100px; 
position: absolute;
margin-right:430px;
display: grid;
 } 

.Texto  b{
	margin-left: 60px;
	color: orange;
   font-size: 30px;
  font-family:'Montserrat';
  margin-top: 15px;
  margin-bottom: -18px;
 
	
}
.Texto p{
	margin-top: -5px;
}

.Texto  h2{
	margin-left: 55px;
	color: black;
	font-size: 52px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -16px;
  	
}
.Texto span{

	color: black;
	font-size: 52px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -16px;
margin-left: 15px;
}

.Texto small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left: 62px;
	font-family: 'Poppins';
	
}


}

/*--------- FIN DEL BANNER1 RESPONSIVE--------------*/



/*---------BANNER2 RESPONSIVE--------------*/
@media only screen and (max-width: 1024px) {

.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

figure .img2{

margin-top: -69px;
margin-right: 35px;
margin-left: -8px;
width:45%;
height: 58%;
object-fit: cover;
}

figure .img1{
	margin-top: 45px;
	margin-left: 400px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 25%;
    height: 49%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -13px;
	margin-top: -655px;
	margin-left: 670px;
	height: 58%;
	width: 30%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -10px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 54px;
	position: absolute;
   color: black;
	font-size: 52px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 395px;

	
	}

	.informacion h1{
		font-size: 30px;
		font-weight: bold;
		color: orange;
		margin-left: 545px;
		margin-top: 66px;
		font-family: 'Montserrat';
		margin-bottom: -21px;

	}

.informacion small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left: 395px;
	font-family: 'Poppins';

}
}

/*---------FIN DEL BANNER2 RESPONSIVE--------------*/



/*---------BANNER3 RESPONSIVE--------------*/

 
@media only screen and (max-width: 1024px) {

	.banner3{
	background-color: #EBE9E1;
	width: 90%;
	height: 500px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


.banner3 .cat .Pic1{
	display: block;
	padding: 20px 20px;
	margin: 75%;
	height: 74%;
	margin-left: -56px;
	margin-top: 44px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 90%;
    height: 46%;
    margin-top: 151px;
    margin-right: 165px;
    margin-left: -62px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
	display: block;
    padding: 20px 20px;
    width: 86%;
    height: 51%;
    margin-top: 139px;
    margin-right: 149px;
    margin-left: -139px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
	display: block;
    margin-top: 80px;
    padding: 20px 20px;
    width: 85%;
    height: 75%;
    margin-right: 110px;
    margin-left: -183px;
    object-fit: contain;
}

.nom-c1 p {
color: orange;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -19px;
margin-left: 9px;
}
.nom-c2 p{
color: orange;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -32px;
margin-left: -86px;
}
.nom-c3 p {
color: orange;
margin-top: -93px;
font-size: 22px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-left: -159px;
}

.banner3 .articulo{
	margin-top: 20px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 58px;
	font-weight: bold;
	margin-left: 150px;
	margin-bottom:-75px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 3px;
	margin-left:258px;
	color: orange;
	font-size: 26px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-32px;

	}

.articulo small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 80px;
	margin-left: 364px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
    width: 22%;
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #BBBBBB;
    margin-top: 422px;
    margin-right: 166px;
    color: white;
    font-size: 22px;
    background-color: #F39E26;
    font-family: 'Montserrat';
    margin-left: -574px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 20px;
    text-align: center;
    width: 398px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;


}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 20px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 25px;
	margin-bottom: 10px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 18px;
font-family: 'Poppins';
margin-bottom: 14px;
}



.popup h5{
margin-top: -7px;
font-size: 26px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: 36px;
 	display: flex;
	width: 98%;
    height: 32px;
    line-height: 42px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:-5px;

}
.popup .opciones .esca{
	margin-left:8px;
}
.popup .opciones .escan{
	margin-left:8px;
}
.popup .opciones .Maq{
	margin-left:8px;
}
.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	width: 85%;
	margin-bottom: 20px;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 20px;
	height: 35px;
	line-height: 35px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 18px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}
}
/*---------FIN DEL BANNER3 RESPONSIVE--------------*/


/*---------BANNER4 RESPONSIVE--------------*/

 
@media only screen and (max-width: 1024px) {

.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 30px auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 min-width: 70%;
 height: 110%;
 margin-left: -38px;
 position: relative;
 top: -42px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 73%;
 height: 123%;
 margin-left:108px;
margin-top:-498px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 35px;
	font-weight: bold;
	margin-left: -125px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 65px;
	font-weight: bold;
	margin-left: -140px;
	margin-bottom: -20px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 12px;
	font-weight: bold;
	margin-left:-129px;
	 font-family: 'Poppins';

}
.info h3{
	color: orange;
	margin-top: -20px;
	font-size: 12px;
	font-weight: bold;
	margin-left:64px;
	 font-family: 'Poppins';

}
.info p{
	margin-top: 115px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:305px;
	font-size: 13px;
   color:black;
   font-weight: bold;
   margin-left: -265px;
   margin-bottom: -79px;
 }
.info2 span{
   font-size: 13px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 18px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -265px;
    font-family: 'Poppins';

}


}



/*---------FIN DEL BANNER4 RESPONSIVE--------------*/

/*---------BANNER5 RESPONSIVE--------------*/

 
@media only screen and (max-width: 1024px)  {
	.banner5{
	
	width: 90%;
	height: 450px;
	margin: 15px auto;
	overflow: hidden;
}


.banner5 #columna1{
	float: right;
	width: 55%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 58%;
height: 100%;
margin-top: -180px;
margin-left: -75px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 30px;
	color: white;
	font-family: 'Montserrat';
	font-size: 35px;
	margin-left: 121px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 130px;
	color: black;
	font-family: 'Montserrat';
	font-size: 50px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 133px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 h3{
	margin-left: 297px;
	margin-top: -20px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 p{
	margin-top: 39px;
	margin-left: 135px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}

#columna1 h4{
	margin-top: -18.5px;
	margin-left: 299px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}



/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 55%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -506px;
}

#columna2 .ban2{
	margin-top: -72px;
	width: 55%;
	height: 78%;
	object-fit: cover;
	margin-left: 282px;
	transform: rotateY(38deg);
}


#columna2 h1{
    margin-top: 8px;
    margin-left: 55px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -20px;
}
#columna2 h2{
	margin-left: 5px;
	color: black;
	font-family: 'Montserrat';
	font-size: 38px;
	margin-bottom: -8px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 15px;
	margin-left: 57px;

}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	width: 43%;
	height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 70%;
height: 78%;
margin-top: 155px;
margin-left: 58px;
}


.columna3 .text p{
	margin-top: -490px;
	color: orange;
	font-size: 25px;
	font-family: 'Montserrat';
	margin-left: 45px;
	margin-bottom: -25px;
}

.columna3 h1{
	margin-left: 8px;
	color: black;
	font-size: 32px;
	font-family: 'Montserrat';
}
}

@media only screen and (max-width: 1024px)  {

.detalles1 h6{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	font-weight: bold;
	margin-left:134px;
	margin-top: -13px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 44px;
}

.detalles1 .card1{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 128px;
	margin-top: -12px;
}

.detalles2 .card2 {
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: 11px;
	margin-left: 34px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 142px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -10px;
	margin-left: 80px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 98px;
	margin-top: -13px;
}



.detalles4 b{
    color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-left: 50px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 25px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-left: 12px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 25px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -34px;
	margin-left: 74px;	
}
.detalles5 .tar5{
	color: orange;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Poppins';
	margin-left: 118px;
	margin-top: -10px;
}


.detalles6 .card6{
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -25px;
	margin-left: 73px;
}
.detalles6 .cards6{
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-left: -67px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 176px;
	margin-top: -14px;
}

}








/*---------HEADER RESPONSIVE--------------*/
@media only screen and (max-width: 912px)  {
   header {
   position: fixed;
	height: 45px;
	background: rgba(255,165,0,0.7);
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;



}

}
/*---------FIN HEADER RESPONSIVE--------------*/


/*---------BANNER1 RESPONSIVE--------------*/







/*---------BANNER1 RESPONSIVE--------------*/
@media only screen and (max-width: 912px){
/*----------------Menu----------*/




/*---------FIN DEL Menu----------*/


/*---------Titulo----------*/
.encabezado{
	padding:40px;
	width: 100%;
	height: 200px;
}

h1{
   margin-left: 72px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 30px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 82px;
	font-size: 20px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}

}

@media only screen and (max-width: 912px)  {

.contenedor-carrusel{
	width: 90%;
	height:262px;
	margin: 0px;
	overflow: hidden;

}

.carrusel{

	width: 90%;
	left:12%;
	top: -35px;
	height: 282px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}
.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	height: 30%;
 	background: #EBE9E1;
 	margin: 0 25px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}
 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(52% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 34px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(52% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 8px;

}

}
@media only screen and (max-width: 912px)  {



	.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -60px auto;
	display: grid;
	grid-gap: 10px;
}

  .car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 23px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 92%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -12px;
}
 .car3{
	width: 88%;
	height: 68%;
	padding: 25px;
	margin-top: 24px;
	transition: 0.5s;
	margin-left: 15px;
	object-fit: contain;
}
 .car4{
	width: 85%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 16px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 34px;
	margin-top: 9px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:21px;

}


.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}
.banner1 img {
	margin-top: -522px;
	min-width: 105%;
	padding: 20px 20px;
	min-height: 100%;
	display: block;
	margin-left: 130px;
	transform: rotate(4.5deg);
	object-fit: contain;
	display: grid;

}

.banner1 .Texto{

margin-top: 100px; 
position: absolute;
margin-right:430px;
display: grid;
 } 

.Texto  b{
	margin-left: 60px;
	color: orange;
   font-size: 30px;
  font-family:'Montserrat';
  margin-top: 15px;
  margin-bottom: -18px;
 
	
}
.Texto p{
	margin-top: -5px;
}

.Texto  h2{
	margin-left: 55px;
	color: black;
	font-size: 52px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -16px;
  	
}
.Texto span{

	color: black;
	font-size: 52px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -16px;
margin-left: 15px;
}

.Texto small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left: 62px;
	font-family: 'Poppins';
	
}


}

/*--------- FIN DEL BANNER1 RESPONSIVE--------------*/



/*---------BANNER2 RESPONSIVE--------------*/
@media only screen and (max-width: 912px) {

.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

figure .img2{

margin-top: -52px;
margin-right: 35px;
margin-left: -8px;
width:45%;
height: 58%;
object-fit: cover;
}

figure .img1{
	margin-top: 45px;
	margin-left: 375px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 25%;
    height: 49%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -3px;
	margin-top: -655px;
	margin-left: 587px;
	height: 58%;
	width: 30%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -10px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 54px;
	position: absolute;
   color: black;
	font-size: 52px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 395px;

	
	}

	.informacion h1{
		font-size: 30px;
		font-weight: bold;
		color: orange;
		margin-left: 545px;
		margin-top: 66px;
		font-family: 'Montserrat';
		margin-bottom: -21px;

	}

.informacion small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left: 395px;
	font-family: 'Poppins';

}
}

/*---------FIN DEL BANNER2 RESPONSIVE--------------*/



/*---------BANNER3 RESPONSIVE--------------*/

 
@media only screen and (max-width: 912px) {

	.banner3{
	background-color: #EBE9E1;
	width: 90%;
	height: 500px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


.banner3 .cat .Pic1{
	display: block;
	padding: 20px 20px;
	width: 148%;
	height:76%;
	margin-left: -168px;
	margin-top: 64px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 122%;
    height: 46%;
    margin-top: 133px;
    margin-right: 165px;
    margin-left: -131px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
	display: block;
    padding: 20px 20px;
    width: 84%;
    height: 55%;
    margin-top: 111px;
    margin-left: -144px;
    margin-right: 146px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
	display: block;
    margin-top: 131px;
    padding: 20px 20px;
    width: 84%;
    height: 47%;
    margin-right: 229px;
    margin-left: -199px;
    object-fit: contain;
}

.nom-c1 p {
color: orange;
font-size: 24px;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -61px;
}
.nom-c2 p{
color: orange;
font-size: 24px;
font-family: 'Poppins', sans-serif;
margin-top: -43px;
margin-left: -99px;
}
.nom-c3 p {
color: orange;
margin-top: -22px;
font-size: 24px;
font-family: 'Poppins', sans-serif;
margin-left: -186px;
}

.banner3 .articulo{
	margin-top: 20px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 58px;
	font-weight: bold;
	margin-left: 150px;
	margin-bottom:-75px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 3px;
	margin-left:258px;
	color: orange;
	font-size: 26px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-32px;

	}

.articulo small{
	color: orange;
	font-size: 18px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 80px;
	margin-left: 364px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 24%;
	margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border:1px solid #BBBBBB;
    margin-top: 405px;
    margin-right: 30px;
    color: white;
    font-size: 22px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -591px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 20px;
    text-align: center;
    width: 414px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;


}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 22px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 28spx;
	margin-bottom: 6px;
}

.popup h4{
color: white;
font-size: 20px;
font-family: 'Poppins';
margin-bottom: 20px;
}


.popup h5{
margin-top: -7px;
font-size: 26px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: 26px;
 	display: flex;
	width: 97%;
    height: 32px;
    line-height: 42px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:2px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}
.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	width: 87%;
	margin-bottom: 20px;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 20px;
	height: 30px;
	line-height: 30px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 18px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}
}
/*---------FIN DEL BANNER3 RESPONSIVE--------------*/


/*---------BANNER4 RESPONSIVE--------------*/

 
@media only screen and (max-width: 912px) {

.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 30px auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 min-width: 70%;
 height: 110%;
 margin-left: -38px;
 position: relative;
 top: -42px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 73%;
 height: 123%;
 margin-left:108px;
margin-top:-498px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 35px;
	font-weight: bold;
	margin-left: -125px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 65px;
	font-weight: bold;
	margin-left: -140px;
	margin-bottom: -20px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
	margin-left:-120px;
	 font-family: 'Poppins';

}
.info h3{
	color: orange;
	margin-top: -18px;
	font-size: 10px;
	font-weight: bold;
	margin-left:41px;
	 font-family: 'Poppins';

}
.info p{
	margin-top: 115px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:305px;
	font-size: 13px;
   color:black;
   font-weight: bold;
   margin-left: -265px;
   margin-bottom: -79px;
 }
.info2 span{
   font-size: 13px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 18px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -265px;
    font-family: 'Poppins';

}


}



/*---------FIN DEL BANNER4 RESPONSIVE--------------*/

/*---------BANNER5 RESPONSIVE--------------*/

 
@media only screen and (max-width: 912px)  {
	.banner5{
	
	width: 90%;
	height: 450px;
	margin: 20px auto;
	overflow: hidden;
}


.banner5 #columna1{
	float: right;
	width: 55%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 58%;
height: 100%;
margin-top: -168px;
margin-left: -68px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 30px;
	color: white;
	font-family: 'Montserrat';
	font-size: 35px;
	margin-left: 122px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 129px;
	color: black;
	font-family: 'Montserrat';
	font-size: 50px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 137px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 h3{
	margin-left: 299px;
	margin-top: -19px;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 p{
	margin-top: 39px;
	margin-left: 138px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}

#columna1 h4{
	margin-top: -17px;
	margin-left: 303px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 12px;
}



/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 55%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -450px;
}

#columna2 .ban2{
	margin-top: -50px;
	width: 70%;
	height: 78%;
	object-fit: cover;
	margin-left: 182px;
	transform: rotateY(38deg);
}


#columna2 h1{
    margin-top: 2px;
    margin-left: 14px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 24px;
	margin-bottom: -20px;
}
#columna2 h2{
	margin-left: 5px;
	color: black;
	font-family: 'Montserrat';
	font-size: 27px;
	margin-bottom: -8px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 16px;
	margin-left: 22px;

}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	width: 43%;
	height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 76%;
height: 82%;
margin-top: 155px;
margin-left: 44px;
object-fit: contain;
}


.columna3 .text p{
	margin-top: -490px;
	color: orange;
	font-size: 24px;
	font-family: 'Montserrat';
	margin-left: 22px;
	margin-bottom: -25px;
}

.columna3 h1{
	margin-left: 8px;
	color: black;
	font-size: 28px;
	font-family: 'Montserrat';
}
}

@media only screen and (max-width: 912px)  {

.detalles1 h6{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left:122px;
	margin-top: -13px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 38px;
}

.detalles1 .card1{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 128px;
	margin-top: -12px;
}

.detalles2 .card2 {
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: 11px;
	margin-left: 20px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 142px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -8px;
	margin-left: 68px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 98px;
	margin-top: -13px;
}

.detalles4 .card4 {
    margin-top: -28px;
}

.detalles4 b{
    color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-left: 46px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: -8px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-left: 9px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: 6px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -33px;
	margin-left: 60px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 16px;
	font-family: 'Poppins';
	margin-left: 112px;
	margin-top: -10px;
}


.detalles6 .card6{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -25px;
	margin-left: 62px;
}
.detalles6 .cards6{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-left: -62px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 155px;
	margin-top: -14px;
}

}
/*------FIN COLUMNA3-----*/
/*---------FINAL DE BANNERS----------*/


/*---------HEADER RESPONSIVE--------------*/
@media only screen and (max-width: 820px)  {
   header {
   position: fixed;
	height: 45px;
	background: rgba(255,165,0,0.7);
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
}

/*---------FIN HEADER RESPONSIVE--------------*/


/*---------BANNER1 RESPONSIVE--------------*/







/*---------BANNER1 RESPONSIVE--------------*/
@media only screen and (max-width: 820px){
/*----------------Menu----------*/
/*---------FIN DEL Menu----------*/


/*---------Titulo----------*/
.encabezado{
	padding:40px;
	width: 100%;
	height: 200px;
}

h1{
	margin-left: 80px;
	margin-top: 22px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 30px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 90px;
	font-size: 20px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}

}

@media only screen and (max-width: 820px)  {

.contenedor-carrusel{
	width: 90%;
	height:324px;
	margin: 0px;
	overflow: hidden;

}
 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 34px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(45% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 8px;

}
.carrusel{

	width: 90%;
	left:11%;
	top: -35px;
	height: 344px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}
.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	height: 30%;
 	background: #EBE9E1;
 	margin: 0 23px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}


}
@media only screen and (max-width: 820px)  {



	.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -145px auto;
	display: grid;
	grid-gap: 10px;
}

  .car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 21px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 92%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -12px;
}
 .car3{
	width: 88%;
	height: 68%;
	padding: 25px;
	margin-top: 24px;
	transition: 0.5s;
	margin-left: 15px;
	object-fit: contain;
}
 .car4{
	width: 85%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 15px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 30px;
	margin-top: 9px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:18px;

}


.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}
.banner1 img {
	margin-top: -496px;
	min-width: 105%;
	padding: 20px 20px;
	min-height: 100%;
	display: block;
	margin-left: 130px;
	transform: rotate(4.5deg);
	object-fit: contain;
	display: grid;

}

.banner1 .Texto{

margin-top: 100px; 
position: absolute;
margin-right:430px;
display: grid;
 } 

.Texto  b{
	margin-left: 60px;
	color: orange;
   font-size: 30px;
  font-family:'Montserrat';
  margin-top: 15px;
  margin-bottom: -18px;
 
	
}
.Texto p{
	margin-top: -5px;
}

.Texto  h2{
	margin-left: 55px;
	color: black;
	font-size: 52px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -16px;
  	
}
.Texto span{

	color: black;
	font-size: 52px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -16px;
margin-left: 15px;
}

.Texto small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left: 62px;
	font-family: 'Poppins';
	
}


}

/*--------- FIN DEL BANNER1 RESPONSIVE--------------*/



/*---------BANNER2 RESPONSIVE--------------*/
@media only screen and (max-width: 820px) {

.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

figure .img2{

margin-top: -45px;
margin-right: 35px;
margin-left: -8px;
width:45%;
height: 58%;
object-fit: cover;
}

figure .img1{
	margin-top: 45px;
	margin-left: 375px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 25%;
    height: 49%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -3px;
	margin-top: -655px;
	margin-left: 533px;
	height: 63%;
	width: 29%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -10px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 54px;
	position: absolute;
   color: black;
	font-size: 52px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 395px;

	
	}

	.informacion h1{
		font-size: 30px;
		font-weight: bold;
		color: orange;
		margin-left: 545px;
		margin-top: 66px;
		font-family: 'Montserrat';
		margin-bottom: -21px;

	}

.informacion small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left: 395px;
	font-family: 'Poppins';

}
}

/*---------FIN DEL BANNER2 RESPONSIVE--------------*/



/*---------BANNER3 RESPONSIVE--------------*/

 
@media only screen and (max-width: 820px) {

	.banner3{
	background-color: #EBE9E1;
	width: 90%;
	height: 500px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


.banner3 .cat .Pic1{
	padding: 20px 20px;
	width: 93%;
	height:68%;
	margin-left: -29px;
	margin-top: 97px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 122%;
    height: 42%;
    margin-top: 147px;
    margin-right: 136px;
    margin-left: -105px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 65%;
    height: 43%;
    margin-top: 145px;
    margin-right: 209px;
    margin-left: -120px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 147px;
    padding: 20px 20px;
    width: 74%;
    height: 42%;
    margin-right: 511px;
    margin-left: -295px;
    object-fit: contain;
}

  

.nom-c1 p {
color: orange;
font-size: 22px;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -41px;
}
.nom-c2 p{
color: orange;
font-size: 22px;
font-family: 'Poppins', sans-serif;
margin-top: -22px;
margin-left: -77px;
}
.nom-c3 p {
color: orange;
margin-top: -19px;
font-size: 22px;
font-family: 'Poppins', sans-serif;
margin-left: -220px;
}

.banner3 .articulo{
	margin-top: 20px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 58px;
	font-weight: bold;
	margin-left: 150px;
	margin-bottom:-75px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 3px;
	margin-left:258px;
	color: orange;
	font-size: 26px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-32px;

	}

.articulo small{
	color: orange;
	font-size: 16px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 85px;
	margin-left: 390px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 26%;
	margin-bottom: 20px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    border:1px solid #BBBBBB;
    margin-top: 395px;
    margin-right: 119px;
    color: white;
    font-size: 21px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -779px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 20px;
    text-align: center;
    width: 345px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;


}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 22px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 22px;
	margin-bottom: 10px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 17px;
font-family: 'Poppins';
margin-bottom: 16px;
}

.popup h5{
margin-top: -7px;
font-size: 26px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: 26px;
 	display: flex;
	width: 105%;
    height: 32px;
    line-height: 42px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 19px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:-16px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}
.popup form .contenedor-inputs input{
	width: 95%;
	margin-bottom: 20px;
    height: 45px;
    line-height: 45px;
    font-size: 24px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 20px;
	height: 25px;
	line-height: 25px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 20px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}
}
/*---------FIN DEL BANNER3 RESPONSIVE--------------*/


/*---------BANNER4 RESPONSIVE--------------*/

 
@media only screen and (max-width: 820px) {

.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 30spx auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 min-width: 70%;
 height: 110%;
 margin-left: -38px;
 position: relative;
 top: -42px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 73%;
 height: 123%;
 margin-left:108px;
margin-top:-498px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 35px;
	font-weight: bold;
	margin-left: -125px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 65px;
	font-weight: bold;
	margin-left: -140px;
	margin-bottom: -20px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
	margin-left:-120px;
	 font-family: 'Poppins';

}
.info h3{
	color: orange;
	margin-top: -18px;
	font-size: 10px;
	font-weight: bold;
	margin-left:41px;
	 font-family: 'Poppins';

}
.info p{
	margin-top: 115px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:305px;
	font-size: 13px;
   color:black;
   font-weight: bold;
   margin-left: -265px;
   margin-bottom: -79px;
 }
.info2 span{
   font-size: 13px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 18px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -265px;
    font-family: 'Poppins';

}


}



/*---------FIN DEL BANNER4 RESPONSIVE--------------*/

/*---------BANNER5 RESPONSIVE--------------*/

 
@media only screen and (max-width: 820px)  {
	.banner5{
	
	width: 90%;
	height: 450px;
	margin: 20px auto;
	overflow: hidden;
}


.banner5 #columna1{
	float: right;
	width: 55%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 58%;
height: 100%;
margin-top: -139px;
margin-left: -58px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 30px;
	color: white;
	font-family: 'Montserrat';
	font-size: 35px;
	margin-left: 85px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 95px;
	color: black;
	font-family: 'Montserrat';
	font-size: 50px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 108px;
	color: black;
	font-family: 'Poppins';
	font-size: 10px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 h3{
	margin-left: 244px;
	margin-top: -18px;
	color: black;
	font-family: 'Poppins';
	font-size: 10px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 p{
	margin-top: 39px;
	margin-left: 108px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 10px;
}

#columna1 h4{
	margin-top: -16px;
	margin-left: 246px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 10px;
}



/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 55%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -405px;
}

#columna2 .ban2{
	margin-top: -34px;
	width: 64%;
	height: 78%;
	object-fit: cover;
	margin-left: 182px;
	transform: rotateY(38deg);
}


#columna2 h1{
    margin-top: 10px;
    margin-left: 34px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 22px;
	margin-bottom: -20px;
}
#columna2 h2{
	margin-left: 5px;
	color: black;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -8px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 15px;
	margin-left: 22px;

}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	width: 43%;
	height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 77%;
height: 78%;
margin-top: 155px;
margin-left: 35px;
}


.columna3 .text p{
	margin-top: -490px;
	color: orange;
	font-size: 22px;
	font-family: 'Montserrat';
	margin-left: 19px;
	margin-bottom: -35px;
}

.columna3 h1{
	margin-left: 8px;
	color: black;
	font-size: 24px;
	font-family: 'Montserrat';
}
@media only screen and (max-width: 820px)  {
.detalles1 h6{
	color: orange;
	font-size: 12px;
	font-family: 'Poppins';
	margin-left:114px;
	margin-top: -10px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 25px;
}

.detalles1 .card1{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left: 128px;
	margin-top: -12px;
}

.detalles2 .card2 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 11px;
	margin-left: 14px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 142px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -11px;
	margin-left: 58px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 16px;
	font-family: 'Poppins';
	margin-left: 98px;
	margin-top: -13px;
}



.detalles4 b{
    color: black;
	font-size: 26px;
	 font-family:'Montserrat';
	margin-left: 46px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 17px;
	font-family: 'Poppins';
	margin-left: -7px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 26px;
	 font-family:'Montserrat';
	margin-left: 9px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 16px;
	font-family: 'Poppins';
	margin-left: 5px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -34px;
	margin-left: 51px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 16px;
	font-family: 'Poppins';
	margin-left: 98px;
	margin-top: -10px;
}



.detalles6 .card6{
	color: black;
	font-size: 24px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 51px;
}
.detalles6 .cards6{
	color: black;
	font-size: 24px;
	 font-family:'Montserrat';
	margin-left: -46px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 134px;
	margin-top: -14px;
}
}



@media only screen and (max-width: 768px){


/*---------Titulo----------*/
.encabezado{
	padding:40px;
	width: 100%;
	height: 200px;
}

h1{
   margin-top: 15px;
   margin-left: 82px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 30px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 94px;
	font-size: 20px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}

}

@media only screen and (max-width: 768px)  {

.contenedor-carrusel{
	width: 90%;
	height:320px;
	margin: 0px;
	overflow: hidden;

}

.carrusel{

	width: 86%;
	left:12%;
	top: -35px;
	height: 328px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}
.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 31px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}
.carrusel-anterior {
    position: absolute;
    display: block;
    color: white;
    width: 50px;
    height: 50px;
    border: none;
    background: orange;
    border-radius: 50px;
    top: calc(45% - 45px);
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    opacity: 20%;
    z-index: 15;
    left: 12px;
}
.carrusel-siguiente {
    position: absolute;
    display: block;
    color: white;
    width: 50px;
    height: 50px;
    border: none;
    background: orange;
    border-radius: 50px;
    top: calc(45% - 45px);
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    opacity: 20%;
    right: 40px;
}

}
@media only screen and (max-width: 768px)  {



	.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -60px auto;
	display: grid;
	grid-gap: 10px;
}

  .car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 33px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 92%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -12px;
}
 .car3{
	width: 88%;
	height: 68%;
	padding: 25px;
	margin-top: 24px;
	transition: 0.5s;
	margin-left: 15px;
	object-fit: contain;
}
 .car4{
	width: 85%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 25px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 47px;
	margin-top: 9px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:35px;

}


.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}
.banner1 img {
	margin-top: -464px;
	min-width: 105%;
	padding: 20px 20px;
	min-height: 100%;
	display: block;
	margin-left: 130px;
	transform: rotate(4.5deg);
	object-fit: contain;
	display: grid;

}

.banner1 .Texto{

margin-top: 100px; 
position: absolute;
margin-right:430px;
display: grid;
 } 

.Texto  b{
	margin-left: 60px;
	color: orange;
   font-size: 30px;
  font-family:'Montserrat';
  margin-top: 15px;
  margin-bottom: -18px;
 
	
}
.Texto p{
	margin-top: -5px;
}

.Texto  h2{
	margin-left: 55px;
	color: black;
	font-size: 52px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -16px;
  	
}
.Texto span{

	color: black;
	font-size: 52px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -16px;
margin-left: 15px;
}

.Texto small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left: 62px;
	font-family: 'Poppins';
	
}


}

/*--------- FIN DEL BANNER1 RESPONSIVE--------------*/



/*---------BANNER2 RESPONSIVE--------------*/
@media only screen and (max-width: 768px) {

.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

figure .img2{

margin-top: -45px;
margin-right: 35px;
margin-left: -8px;
width:45%;
height: 58%;
object-fit: cover;
}

figure .img1{
	margin-top: 45px;
	margin-left: 375px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 25%;
    height: 49%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -3px;
	margin-top: -655px;
	margin-left: 527px;
	height: 56%;
	width: 25%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -10px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 54px;
	position: absolute;
   color: black;
	font-size: 52px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 395px;

	
	}

	.informacion h1{
		font-size: 30px;
		font-weight: bold;
		color: orange;
		margin-left: 545px;
		margin-top: 66px;
		font-family: 'Montserrat';
		margin-bottom: -21px;

	}

.informacion small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left: 395px;
	font-family: 'Poppins';

}
}

/*---------FIN DEL BANNER2 RESPONSIVE--------------*/



/*---------BANNER3 RESPONSIVE--------------*/

 
@media only screen and (max-width: 768px) {

	.banner3{
	background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 20px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

.banner3 .cat .Pic1{
	padding: 0px;
	width: 93%;
	height:78%;
	margin-left: 4px;
	margin-top: 64px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 122%;
    height: 44%;
    margin-top: 125px;
    margin-right: 165px;
    margin-left: -84px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 84%;
    height: 46%;
    margin-top: 121px;
    margin-right: 148px;
    margin-left: -125px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 125px;
    padding: 20px 20px;
    width: 84%;
    height: 44%;
    margin-right: 370px;
    margin-left: -227px;
    object-fit: contain;
}



 
.nom-c1 p {
color: orange;
font-size: 15px;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: 12px;
}
.nom-c2 p{
color: orange;
font-size: 15px;
font-family: 'Poppins', sans-serif;
margin-top: -24px;
margin-left: -78px;
}
.nom-c3 p {
color: orange;
margin-top: -20px;
font-size: 15px;
font-family: 'Poppins', sans-serif;
margin-left: -154px;
}



.banner3 .articulo{
	margin-top: 20px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 58px;
	font-weight: bold;
	margin-left: 99px;
	margin-bottom:-75px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 3px;
   margin-bottom: -18px;
	margin-left:206px;
	color: orange;
	font-size: 26px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-30px;

	}

.articulo small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 80px;
	margin-left: 349px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 21%;
	margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border:1px solid #BBBBBB;
    margin-top: 326px;
    margin-right: 166px;
    color: white;
    font-size: 16px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -581px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 5px;
    text-align: center;
    width: 290px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;


}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 16px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	margin-top: -2px;
	color: white;
	font-size: 20px;
	margin-bottom: 2px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 15px;
font-family: 'Poppins';
margin-bottom: 18px;
}
.popup h5{
margin-top: -7px;
font-size: 22px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: 22px;
 	display: flex;
	width: 94%;
    height: 30px;
    line-height:39px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 15px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:3px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}

.popup form .contenedor-inputs input{
	width: 98%;
	margin-bottom: 20px;
    height: 38px;
    line-height: 38px;
    font-size: 17px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	margin-top: -5px;
	padding: 0px 20px;
	height: 25px;
	line-height: 25px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}
}
/*---------FIN DEL BANNER3 RESPONSIVE--------------*/


/*---------BANNER4 RESPONSIVE--------------*/

 
@media only screen and (max-width: 768px) {

.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 400px;
	margin: 30spx auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 min-width: 70%;
 height: 110%;
 margin-left: -38px;
 position: relative;
 top: -42px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 73%;
 height: 123%;
 margin-left:108px;
margin-top:-498px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 35px;
	font-weight: bold;
	margin-left: -125px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 65px;
	font-weight: bold;
	margin-left: -140px;
	margin-bottom: -20px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
	margin-left:-120px;
	 font-family: 'Poppins';

}
.info h3{
	color: orange;
	margin-top: -18px;
	font-size: 10px;
	font-weight: bold;
	margin-left:41px;
	 font-family: 'Poppins';

}
.info p{
	margin-top: 115px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:305px;
	font-size: 13px;
   color:black;
   font-weight: bold;
   margin-left: -265px;
   margin-bottom: -79px;
 }
.info2 span{
   font-size: 13px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 18px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -265px;
    font-family: 'Poppins';

}


}



/*---------FIN DEL BANNER4 RESPONSIVE--------------*/

/*---------BANNER5 RESPONSIVE--------------*/

 
@media only screen and (max-width: 768px)  {
	.banner5{
	
	width: 90%;
	height: 450px;
	margin: 20px auto;
	overflow: hidden;
}


.banner5 #columna1{
	float: right;
	width: 55%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 58%;
height: 100%;
margin-top: -138px;
margin-left: -58px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 30px;
	color: white;
	font-family: 'Montserrat';
	font-size: 35px;
	margin-left: 85px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 95px;
	color: black;
	font-family: 'Montserrat';
	font-size: 50px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 108px;
	color: black;
	font-family: 'Poppins';
	font-size: 10px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 h3{
	margin-left: 244px;
	margin-top: -18px;
	color: black;
	font-family: 'Poppins';
	font-size: 10px;
	font-weight: bold;
	margin-bottom: -45px;
}
#columna1 p{
	margin-top: 39px;
	margin-left: 108px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 10px;
}

#columna1 h4{
	margin-top: -16px;
	margin-left: 246px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 10px;
}



/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 55%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 230px;
	margin-right: -380px;
}

#columna2 .ban2{
	margin-top: -34px;
	width: 64%;
	height: 78%;
	object-fit: cover;
	margin-left: 182px;
	transform: rotateY(38deg);
}


#columna2 h1{
    margin-top: 32px;
    margin-left: 14px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 22px;
	margin-bottom: -20px;
}
#columna2 h2{
	margin-left: 5px;
	color: black;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -7px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 12px;
	margin-left: 26px;

}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	width: 43%;
	height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 87%;
height: 84%;
margin-top: 155px;
margin-left: 22px;
object-fit: contain;
}


.columna3 .text p{
	margin-top: -490px;
	color: orange;
	font-size: 18px;
	font-family: 'Montserrat';
	margin-left: 45px;
	margin-bottom: -25px;
}

.columna3 h1{
	margin-left: 8px;
	color: black;
	font-size: 23px;
	font-family: 'Montserrat';
}
}

@media only screen and (max-width: 768px)  {

.detalles1 h6{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left:150px;
	margin-top: -13px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 62px;
}

.detalles1 .card1{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 166px;
	margin-top: -12px;
}

.detalles2 .card2 {
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: 11px;
	margin-left: 49px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 182px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -18px;
	margin-left: 102px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 136px;
	margin-top: -13px;
}

.detalles4 b{
    color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-left: 64px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-left: 30px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -15px;
	margin-left: 82px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 16px;
	font-family: 'Poppins';
	margin-left: 136px;
	margin-top: -12px;
	font-weight: bold;
}


.detalles6 .card6{
	color: black;
	font-size: 30px;
	 font-family:'Montserrat';
	margin-top: -10px;
	margin-left:80px;
}
.detalles6 .cards6 {
    color: black;
    font-size: 30px;
    font-family: 'Montserrat';
    margin-left: -64px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Poppins';
	margin-left: 193px;
	margin-top: -10px;
}

}


@media only screen and (max-width: 540px)  {




/*---------FIN DEL Menu----------*/


/*---------Titulo----------*/
.encabezado{
	padding:40px;
	width: 100%;
	height: 200px;
}

h1{
	margin-left: 45px;
   margin-top: 15px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 25px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 56px;
	font-size: 20px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -115px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 280px;
	margin: 10px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
}


.banner1 img {
	margin-top: -372px;
	min-width: 190%;
	padding: 20px 20px;
	min-height: 120%;
	display: block;
	margin-left: 2px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: 63px; 
position: absolute;
margin-right:245px;
 } 

.Texto  b{
	margin-bottom: -11px;
	margin-left: 20px;
	color: orange;
   font-size: 25px;
  font-family:'Montserrat';

 
	
}
.Texto p{
	margin-top: -9px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 40px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -13px;
  	
}

.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 40px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -10px;
  	
}


.Texto small{
	color: orange;
	font-size: 15px;
	font-weight: bold;
	margin-left: 20px;
	font-family: 'Poppins';
	
}
}


/*-----fin del banner1-----*/

@media only screen and (max-width: 540px){





/*----Inicio del Banner2----*/
.contenedor-banner.banner2 .figuras{
	width: 30%;
}
.banner2{
	background-color: #EBE9E1;
	width: 90%;
	height: 280px;
	margin: 10px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}




figure .img2{

margin-top: 7px;
margin-right: 35px;
margin-left: -8px;
min-width:58%;
height: 40%;
object-fit: cover;
}

figure .img1{
	margin-top:21px;
	margin-left: 234px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 30%;
    height: 48%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -10px;
	margin-top: -640px;
	margin-left: 292px;
	height: 50%;
	width: 53%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -10px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 60px;
	position: absolute;
   color: black;
	font-size: 40px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 522px;

	
	}

	.informacion h1{
		font-size: 25px;
		font-weight: bold;
		color: orange;
		margin-left: 634px;
		margin-top: 63px;
		font-family: 'Montserrat';
		margin-bottom: -20px;

	}

.informacion small{
	color: orange;
	font-size: 13px;
	font-weight: bold;
	margin-left: 524px;
	font-family: 'Poppins';

}

}

/*----Fin del Banner2----*/

@media only screen and (max-width: 540px){
/*-----Inicio del Banner3----*/
.banner3{
	background-color: #EBE9E1;
	width: 90%;
	height: 290px;
	margin: 10px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

.banner3 .cat .Pic1{
    width: 89%;
    height: 74%;
    margin-left: -146px;
    margin-right: 157px;
    margin-top: 46px;
    display: block;
    object-fit: contain;
  

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 15px 15px;
    width: 122%;
    height: 46%;
    margin-top: 98px;
    margin-right: 165px;
    margin-left: -182px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 15px 15px;
    width: 84%;
    height: 46%;
    margin-top: 98px;
    margin-right: 198px;
    margin-left: -176px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 98px;
    padding: 15px 15px;
    width: 78%;
    height: 46%;
    margin-right: 384px;
    margin-left: -251px;
    object-fit: contain;
}

.nom-c1 p {
color: orange;
font-size: 14px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -17px;
margin-left: -163px;
}
.nom-c2 p{
color: orange;
font-size: 14px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -17px;
margin-left: -146px;
}
.nom-c3 p {
color: orange;
margin-top: -18px;
font-size: 14px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-left: -200px;
}



.banner3 .articulo{
	margin-top: -15px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 40px;
	font-weight: bold;
	margin-left: 23px;
	margin-bottom:-45px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 38px;
	margin-left:60px;
	color: orange;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-30px;

	}

.articulo small{
	color: orange;
	font-size: 14px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 60px;
	margin-left: 161px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 22%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border:1px solid #BBBBBB;
    color: white;
    font-size: 13px;
    background-color:#F39E26;
    font-family: 'Montserrat';
    margin-left: -543px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-right: -64px;
    margin-top: 243px;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 2px;
    text-align: center;
    width: 250px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;



}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 16px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 18px;
	margin-bottom: 2px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 14px;
font-family: 'Poppins';
margin-bottom: 4px;
}
.popup h5{
margin-top: -7px;
margin-bottom: -4px;
font-size: 18px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: 6px;
 	display: flex;
	width: 94%;
    height: 30px;
    line-height:34px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:3px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}
.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	width: 78%;
	margin-bottom: 10px;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 10px;
	height: 20px;
	line-height: 20px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 15px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}

}


/*-----Fin del banner3-----*/


/*-----Inicio del banner4-----*/
@media only screen and (max-width: 540px){

.banner4{
background-color: #EBE9E1;
	width: 90%;
	height: 270px;
	margin: 10px auto;
	display:flex;
	justify-content: center;
	
}
.banner4 .envio-1{
 min-width: 84%;
 height: 80%;
 margin-left: -40px;
 position: relative;
 top: 54px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 85%;
 height: 102%;
 margin-left:46px;
margin-top:-204px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 25px;
	font-weight: bold;
	margin-left: -35px;
	font-family: 'Montserrat';
	}

	.info h2{
  color: black;
	font-size: 40px;
	font-weight: bold;
	margin-left: -41px;
	margin-bottom: -17px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 13px;
	font-weight: bold;
	margin-left:-51px;
	 font-family: 'Poppins';

}
.info h3{
	margin-top: -9px;
	font-size: 13px;
	margin-left: -51px;
}
.info p{
	margin-top: 40px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:204px;
	font-size: 13px;
   color:black;
   font-weight: bold;
   margin-left: -198px;
   margin-bottom: -77px;
 }
.info2 span{
   font-size: 13px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 15px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -199px;
    font-family: 'Poppins';

}

}


/*Banner5 inicio-----*/
@media only screen and (max-width: 540px){

.banner5{
	
	width: 90%;
	height: 312px;
	margin: 32px auto;
	margin-top: 6px;
	overflow: hidden;
}
/*------COLUMNA1-----*/

.banner5 #columna1{
	float: right;
	width: 54%;
	height: 48%;
	background-color: orange;
	margin-top: 0px;
	margin-right: -1px;
	overflow: hidden;
}
#columna1 .ban1{

width: 78%;
height: 104%;
margin-top: -105px;
margin-left: -52px;
object-fit: cover;

}


#columna1 h1{
	margin-top: -5px;
	color: white;
	font-family: 'Montserrat';
	font-size: 22px;
	margin-left: 102px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left:110px;
	color: black;
	font-family: 'Montserrat';
	font-size: 28px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 103px;
	color: black;
	font-family: 'Poppins';
	font-size: 11px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h3{
	margin-top: -7px;
	margin-left:76px;
	color: black;
	font-family: 'Poppins';
	font-size: 11px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h4{
	margin-top: -5px;
	margin-left: -7px;
	color: black;
	font-family: 'Poppins';
	font-size: 11px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 p{
	margin-top: 40px;
	margin-left: 105px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 11px;
}





/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 54%;
	height: 48%;
	background-color: #EBE9E1;
	margin-top: 162px;
	margin-right: -263px;
}

#columna2 .ban2{
	margin-top: -11px;
	width: 68%;
	object-fit: cover;
	margin-left: 110px;
	transform: rotateY(38deg);
}


#columna2 h1{
    margin-top: -11px;
    margin-left: 16px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 16px;
	margin-bottom: -14px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 19px;
	margin-bottom: -6px;
	margin-left: -1px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 11px;
	margin-left: 11px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	min-width: 45%;
	min-height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 84%;
height: 68%;
margin-top: 125px;
margin-left: 16px;
object-fit: contain;
}


.columna3 .text p{
	margin-top: -338px;
	color: orange;
	font-size: 20px;
	font-family: 'Montserrat';
	margin-left: 4px;
	margin-bottom: -25px;
	text-align: center;
}

.columna3 h1{
	margin-left: 1px;
	color: black;
	font-size: 24px;
	text-align: center;
	font-family: 'Montserrat';
}

.contenedor-carrusel{
	width: 90%;
	height:240px;
	margin: 0px;
	overflow: hidden;

}

.carrusel{

	width: 88%;
	left:12%;
	top: -35px;
	height: 328px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}
.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 22px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}
 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(50% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 30px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(50% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 8px;

}
.detalles1 h6{
	color: orange;
	font-size: 13px;
	font-family: 'Poppins';
	margin-left: 100px;
	margin-top: -19px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 32px;
}

.detalles1 .card1{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left: 114px;
	margin-top: -13px;
}

.detalles2 .card2 {
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: 4px;
	margin-left:20px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left: 124px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: -12px;
	margin-left: 62px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left: 83px;
	margin-top: -12px;
}

.detalles4 b{
    color: black;
	font-size: 22px;
	 font-family:'Montserrat';
	margin-left: 40px;
	margin-top: -25px;	 	
}
.detalles4 .card4 {
    margin-top: -11px;
}
.detalles4 .car4{
    color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: -10px;
	font-weight: bold;
	margin-top: -5px;

}

.detalles4 .small4 {
    color: black;
	font-size: 22px;
	 font-family:'Montserrat';
	margin-left: 14px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 6px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: -18px;
	margin-left: 54px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 97px;
	margin-top: -10px;
}



.detalles6 .card6{
	color: black;
	font-size: 24px;
	 font-family:'Montserrat';
	margin-top: -9px;
	margin-left: 51px;
}
.detalles6 .cards6 {
    color: black;
    font-size: 24px;
    font-family: 'Montserrat';
    margin-left: -49px;
}


.detalles6 .tar6{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 136px;
	margin-top: -10px;
}

  .car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 23px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 92%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -1px;
}
 .car3{
	width: 88%;
	height: 68%;
	padding: 25px;
	margin-top: 16px;
	transition: 0.5s;
	margin-left: 18px;
	object-fit: contain;
}
 .car4{
	width: 85%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 25px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 32px;
	margin-top: 9px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:23px;

}

}



@media only screen and (max-width: 425px) { 


.encabezado{
	padding:40px;
	width: 100%;
	height: 200px;
}

h1{
   margin-top: 15px;
   margin-left: 35px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 25px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 46px;
	font-size: 15px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}
 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(50% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 40px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(50% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 8px;

}

.contenedor-carrusel{
	width: 90%;
	height:334px;
	margin: 0px;
	overflow: hidden;

}
.carrusel{

	width: 87%;
	left:16%;
	top:-68px;
	height: 340px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}


.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 34px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}


/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -84px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 250px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
	flex-direction: column;
}


.banner1 img {
	margin-top: -147px;
	min-width: 190%;
	padding: 20px 20px;
	min-height: 120%;
	display: block;
	margin-left: 2px;
	transform: rotate(4.5deg);
	object-fit: contain;



}

.banner1 .Texto{

margin-top: -108px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-bottom: -11px;
	margin-left: 18px;
	color: orange;
   font-size: 22px;
  font-family:'Montserrat';

 
	
}
.Texto p{
	margin-top: -9px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 35px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -12px;
  	
}

.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 35px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -10px;
  	
}


.Texto small{
	color: orange;
	font-size: 13px;
	font-weight: bold;
	margin-left: 20px;
	font-family: 'Poppins';
	
}
}


/*-----fin del banner1-----*/


@media only screen and (max-width: 425px) { 

.banner2{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 250px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}



figure .img2{

margin-top: 17px;
margin-right: 35px;
margin-left: -8px;
min-width:58%;
height: 37%;
object-fit: cover;
}

figure .img1{
	margin-top:12px;
	margin-left: 212px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 30%;
    height: 48%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -3px;
	margin-top: -640px;
	margin-left: 223px;
	height: 50%;
	width: 53%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -10px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 60px;
	position: absolute;
   color: black;
	font-size: 35px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 576px;

	
	}

	.informacion h1{
		font-size: 22px;
		font-weight: bold;
		color: orange;
		margin-left: 674px;
		margin-top: 63px;
		font-family: 'Montserrat';
		margin-bottom: -21px;

	}

.informacion small{
	color: orange;
	font-size: 13px;
	font-weight: bold;
	margin-left: 578px;
	font-family: 'Poppins';

}



}

@media only screen and (max-width: 425px) { 

		.banner3{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 250px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

.banner3 .cat .Pic1{
	display: block;
    padding: 0px;
	width: 80%;
	height:58%;
	margin-left: -25px;
	margin-right: 61px;
	margin-top: 65px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 122%;
    height: 48%;
    margin-top: 86px;
    margin-right: 167px;
    margin-left: -110px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 84%;
    height: 48%;
    margin-top: 86px;
    margin-right: 197px;
    margin-left: -156px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 86px;
    padding: 20px 20px;
    width: 78%;
    height: 48%;
    margin-right: 383px;
    margin-left: -253px;
    object-fit: contain;
}

.nom-c1 p {
color: orange;
font-size: 11px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -42px;
}
.nom-c2 p{
color: orange;
font-size: 11px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -116px;
}
.nom-c3 p {
color: orange;
font-weight: bold;
margin-top: -20px;
font-size: 11px;
font-family: 'Poppins', sans-serif;
margin-left: -197px;
}


.banner3 .articulo{
	margin-top: -15px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 35px;
	font-weight: bold;
	margin-left: -4px;
	margin-bottom:-45px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 38px;
	margin-left:42px;
	color: orange;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-30px;

	}

.articulo small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 52px;
	margin-left: 138px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 24%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border:1px solid #BBBBBB;
    color: white;
    font-size: 11px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -514px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-right: 57px;
     margin-top: 210px;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 2px;
    text-align: center;
    width: 250px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;



}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 12px;
	line-height: 16px;
	margin-right: 5px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 15px;
	margin-bottom: 3px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 10px;
font-family: 'Poppins';
margin-bottom: 12px;
}
.popup h5{
margin-top: -6px;
margin-bottom: -7px;
font-size: 15px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: 2px;
 	display: flex;
	width: 80%;
    height: 30px;
    line-height:30px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:16px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}

.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	width: 69%;
	margin-bottom: 9px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 10px;
	height: 20px;
	line-height: 20px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 11px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';

}


}


@media only screen and (max-width: 425px) { 
.banner4{
background-color: #EBE9E1;
	min-width: 90%;
	height: 250px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	
}
}



@media only screen and (max-width: 425px) { 

.banner4 .envio-1{
 min-width: 84%;
 height: 75%;
 margin-left: -43px;
 position: relative;
 top: 54px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 85%;
 height: 97%;
 margin-left:33px;
margin-top:-171px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 22px;
	font-weight: bold;
	margin-left: -55px;
	font-family: 'Montserrat';
	}

	.info h2
	{
  color: black;
	font-size: 35px;
	font-weight: bold;
	margin-left: -62px;
	margin-bottom: -17px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 9px;
	font-weight: bold;
	margin-left:-58px;
	 font-family: 'Poppins';

}
.info h3{
	margin-top: -9px;
	font-size: 9px;
	margin-left: -58px;
}
.info p{
	margin-top: 40px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:179px;
	font-size: 10px;
   color:black;
   font-weight: bold;
   margin-left: -150px;
   margin-bottom: -77px;
 }
.info2 span{
   font-size: 10px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 12px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -151px;
    font-family: 'Poppins';

}

}
/*------COLUMNA1-----*/

@media only screen and (max-width: 425px) {


	.banner5{
	
	width: 90%;
	height: 320px;
	margin: 10px auto;
	overflow: hidden;
} 

.banner5 #columna1{
	float: right;
	width: 54%;
	height: 50%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

width: 74%;
height: 100%;
margin-top: -58px;
margin-left: -40px;
object-fit: cover;

}


#columna1 h1{
	margin-top: -5px;
	color: white;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-left: 54px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 65px;
	color: black;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 68px;
	color: black;
	font-family: 'Poppins';
	font-size: 8px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h3{
	margin-top: -7px;
	margin-left: 31px;
	color: black;
	font-family: 'Poppins';
	font-size: 8px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h4{
	margin-top: -4px;
	margin-left: -30px;
	color: black;
	font-family: 'Poppins';
	font-size: 8px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 p{
	margin-top: 41px;
	margin-left: 69px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 8px;
}





/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 54%;
	height: 50%;
	background-color: #EBE9E1;
	margin-top: 163px;
	margin-right: -206px;
}

#columna2 .ban2{
    margin-top: 10px;
    width: 73%;
    height: 78%;
    object-fit: cover;
    margin-left: 73px;
    transform: rotateY(38deg);
}


#columna2 h1{
    margin-top: -8px;
    margin-left: 12px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 17px;
	margin-bottom: -17px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-bottom: -7px;
	margin-left: -1px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 10px;
	margin-left: 15px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	min-width: 45%;
	min-height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 84%;
height: 65%;
margin-top: 125px;
margin-left: 12px;
object-fit: contain;
}


.columna3 .text p{
	margin-top: -326px;
	color: orange;
	font-size: 14px;
	font-family: 'Montserrat';
	margin-left: 4px;
	margin-bottom: -25px;
	text-align: center;
}

.columna3 h1{
	margin-left: -6px;
	color: black;
	font-size: 19px;
	text-align: center;
	font-family: 'Montserrat';
}

.detalles1 h6{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left:155px;
	margin-top: -13px;
	margin-bottom: -9px;
}
.detalles1 b{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 75px;
}

.detalles1 .card1{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 183px;
	margin-top: -13px;
}

.detalles2 .card2 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 14px;
	margin-left: 64px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 187px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 9px;
	margin-left: 110px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 149px;
	margin-top: -11px;
}

.detalles4 b{
    color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-left: 78px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-left: 44px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -2px;
	margin-left: 99px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 148px;
	margin-top: -10px;
}


.detalles6 .card6{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 4px;
	margin-left: 98px;
}
.detalles6 .cards6 {
    color: black;
    font-size: 28px;
    font-family: 'Montserrat';
    margin-left: -59px;
}
.detalles6 .tar6{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 206px;
	margin-top: -10px;
}
	  .car1{
	width: 80%;
	height: 68%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 35px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 77%;
	height: 68%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: 24px;
}
 .car3{
	width: 83%;
	height: 62%;
	padding: 25px;
	margin-top: 14px;
	transition: 0.5s;
	margin-left: 32px;
	object-fit: contain;
}
 .car4{
	width: 81%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 30px;
}
.car5{
	width: 69%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 44px;
	margin-top: 5px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:26px;

}

}



@media only screen and  (max-width: 393px) { 

/*---------Titulo----------*/
.encabezado{
	padding:45px;
	width: 100%;
	height: 200px;
}

h1{
   margin-left: 25px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 22px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 36px;
	font-size: 16px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}
}
/*----------FIN DEL TITULO-----------*/

@media only screen and  (max-width: 393px) { 



.contenedor-carrusel{
	width: 90%;
	height: 330px;
     margin: 0px;
	overflow: hidden;

}
.carrusel{

	width: 90%;
	left:13.5%;
	top: -52px;
	height: 326px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}

.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 32.5px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}





/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -75px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 220px;
	margin: 10px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
	flex-direction: column;
}


.banner1 img {
	margin-top: -125px;
	min-width: 187%;
	padding: 20px 20px;
	min-height: 120%;
	display: block;
	margin-left: 4px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: -74px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-bottom: -8px;
	margin-left: 18px;
	color: orange;
   font-size: 20px;
  font-family:'Montserrat';	
}


.Texto p{
	margin-top: -9px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 30px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -9px;
  	
}
.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 30px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -9px;
  	
}


.Texto small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
	margin-left: 20px;
	font-family: 'Poppins';
	
}
}


/*-----fin del banner1-----*/


@media only screen and (max-width: 393px) { 

.banner2{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 220px;
	margin: 10px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}



figure .img2{

margin-top: 14px;
margin-right: 35px;
margin-left: -8px;
min-width:54%;
height: 37%;
object-fit: cover;
}

figure .img1{
	margin-top:12px;
	margin-left: 184px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 30%;
    height: 48%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -3px;
	margin-top: -640px;
	margin-left: 250px;
	height: 55%;
	width: 30%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -10px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 66px;
	position: absolute;
   color: black;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 586px;

	
	}

	.informacion h1{
		font-size: 20px;
		font-weight: bold;
		color: orange;
		margin-left: 665px;
		margin-top: 66px;
		font-family: 'Montserrat';
		margin-bottom: -21px;

	}

.informacion small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
	margin-left: 605px;
	font-family: 'Poppins';

}



}

@media only screen and (max-width: 393px) { 

		.banner3{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 220px;
	margin: 10px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


.banner3 .cat .Pic1{
	padding: 0px;
	width: 95%;
	height:78%;
	margin-left: -55px;
	margin-right: 12px;
	margin-top: 35px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 101%;
    height: 49%;
    margin-top: 76px;
    margin-right: 160px;
    margin-left: -101px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 84%;
    height: 49%;
    margin-top: 76px;
    margin-right: 195px;
    margin-left: -160px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 76px;
    padding: 20px 20px;
    width: 78%;
    height: 49.5%;
    margin-right: 388px;
    margin-left: -254px;
    object-fit: contain;
}



.nom-c1 p {
color: orange;
font-size: 11px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -52px;
}
.nom-c2 p{
color: orange;
font-size: 11px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -126px;
}
.nom-c3 p {
color: orange;
margin-top: -21px;
font-size: 11px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-left: -198px;
}



.banner3 .articulo{
	margin-top: -15px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 30px;
	font-weight: bold;
	margin-left: -20px;
	margin-bottom:-45px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 33px;
	margin-left:48px;
	color: orange;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-27px;

	}

.articulo small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 48px;
	margin-left: 95px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 26%;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border:1px solid #BBBBBB;
    color: white;
    font-size: 10px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -502px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-right: -2px;
     margin-top: 186px;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 2px;
    text-align: center;
    width: 205px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;



}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 10px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	margin-top: -12px;
	color: white;
	font-size: 15px;
	margin-bottom: -1px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 10px;
font-family: 'Poppins';
margin-bottom: 2px;
}
.popup h5{
margin-top: -6px;
margin-bottom: 0px;
font-size: 14px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: -7px;
 	display: flex;
	width: 6%;
    height: 30px;
    line-height:21px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:-2px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}

.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	width: 78%;
	margin-bottom: 10px;
    height: 20px;
    line-height: 33px;
    font-size: 13px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 11px;
	height: 20px;
	line-height: 20px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 11px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}

}


@media only screen and  (max-width: 393px) { 
.banner4{
background-color: #EBE9E1;
	min-width: 90%;
	height: 220px;
	margin: 10px auto;
	display:flex;
	justify-content: center;
	
}
}



@media only screen and  (max-width: 393px) { 

.banner4 .envio-1{
 min-width: 72%;
 height: 79%;
 margin-left: -28px;
 position: relative;
 top: 34px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 85%;
 height: 105%;
 margin-left:24px;
margin-top:-169px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 20px;
	font-weight: bold;
	margin-left: -46px;
	font-family: 'Montserrat';
	}

	.info h2
	{
	margin-top: 2px;
  color: black;
	font-size: 30px;
	font-weight: bold;
	margin-left: -50px;
	margin-bottom: -17px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 9px;
	font-weight: bold;
	margin-left:-59px;
	 font-family: 'Poppins';

}
.info h3{
	margin-top: -9px;
	font-size: 9px;
	margin-left: -59px;
}
.info p{
	margin-top: 60px;
	text-align: justify;
	margin-bottom:-14px;

}

.info2 p{
	margin-top:151px;
	font-size: 9px;
   color:black;
   font-weight: bold;
   margin-left: -142px;
   margin-bottom: -76px;
 }
.info2 span{
   font-size: 9px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 11px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -143px;
    font-family: 'Poppins';

}

}
/*------COLUMNA1-----*/

@media only screen and  (max-width: 393px) {


	.banner5{
	
	width: 90%;
	height: 265px;
	margin: 45px auto;
	overflow: hidden;
	margin-top: 9px;

} 

.banner5 #columna1{
	float: right;
	width: 54%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	margin-right: -3px;
	overflow: hidden;
}
#columna1 .ban1{

width: 74%;
height: 100%;
margin-top: -49px;
margin-left: -37px;
object-fit: cover;

}


#columna1 h1{
	margin-top: -5px;
	color: white;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-left: 44px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 50px;
	color: black;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 55px;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
	font-weight: bold;
	margin-bottom: -45px;
	
}
#columna1 h3{
	margin-top: -8px;
	margin-left: 26px;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
	font-weight: bold;
	margin-bottom: -45px;
	
}
#columna1 h4{
	margin-top: -5px;
	margin-left: -43px;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
	font-weight: bold;
	margin-bottom: -45px;

}
#columna1 p{
	margin-top: 40px;
	margin-left: 56px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
}





/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 54%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 135px;
	margin-right: -191px;
}

#columna2 .ban2{
	margin-top: 6px;
	width: 72%;
	object-fit: cover;
	margin-left: 54px;
}


#columna2 h1{
    margin-top: -8px;
    margin-left: 11px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 14px;
	margin-bottom: -17px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-bottom: -6px;
	margin-left: -1px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 10px;
	margin-left: 15px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	min-width: 45%;
	min-height: 100%;
	background-color:#EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 82%;
height: 70%;
margin-top: 92px;
margin-left: 13px;
object-fit: contain;
}


.columna3 .text p{
	margin-top: -278px;
	color: orange;
	font-size: 14px;
	font-family: 'Montserrat';
	margin-left: 4px;
	margin-bottom: -25px;
	text-align: center;
}

.columna3 h1{
	margin-left: -6px;
	color: black;
	font-size: 17px;
	text-align: center;
	font-family: 'Montserrat';
}

.detalles1 h6{
	color: orange;
	font-size: 13px;
	font-family: 'Poppins';
	margin-left: 164px;
	margin-top: -8px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 32px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 60px;
}

.detalles1 .card1{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left: 182px;
	margin-top: -13px;
}

.detalles2 .card2 {
	color: black;
	font-size: 32px;
	 font-family:'Montserrat';
	margin-top: 2px;
	margin-left: 46px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left: 190px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 32px;
	 font-family:'Montserrat';
	margin-top: 6px;
	margin-left: 100px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left: 147px;
	margin-top: -12px;
}

.detalles4 b{
    color: black;
	font-size: 32px;
	 font-family:'Montserrat';
	margin-left: 65px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 25px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 32px;
	 font-family:'Montserrat';
	margin-left: 24px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 25px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 32px;
	 font-family:'Montserrat';
	margin-top: -16px;
	margin-left: 94px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Poppins';
	margin-left: 156px;
	margin-top: -10px;
}


.detalles6 .card6{
	color: black;
	font-size: 32px;
	 font-family:'Montserrat';
	margin-top: -5px;
	margin-left: 84px;
}
.detalles6 .cards6{
	color: black;
	font-size: 32px;
	 font-family:'Montserrat';
	margin-left: -68px;
}
.detalles6 .tar6{
	color: orange;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Poppins';
	margin-left: 207x;
	margin-top: -10px;
}


}



@media only screen and  (max-width: 375px) { 

/*---------Titulo----------*/
.encabezado{
	padding:45px;
	width: 100%;
	height: 200px;
}

h1{
   margin-left: 32px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 20px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 43px;
	font-size: 16px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}
 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(50% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 40px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 50px;
	height: 50px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(50% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 8px;

}

.contenedor-carrusel{
	width: 90%;
	height:334px;
	margin: 0px;
	overflow: hidden;

}
.carrusel{

	width: 89%;
	left:16%;
	top:-68px;
	height: 340px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}


.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 30.5px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}
}
/*----------FIN DEL TITULO-----------*/




@media only screen and  (max-width: 375px) { 


/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -125px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 200px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
	flex-direction: column;
}


.banner1 img {
	margin-top: -125px;
	min-width: 187%;
	padding: 20px 20px;
	min-height: 120%;
	display: block;
	margin-left: 4px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: -88px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-bottom: -8px;
	margin-left: 18px;
	color: orange;
   font-size: 20px;
  font-family:'Montserrat';	
}


.Texto p{
	margin-top: -9px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 30px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -10px;
  	
}
.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 30px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -9px;
  	
}


.Texto small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
	margin-left: 20px;
	font-family: 'Poppins';
	
}
}


/*-----fin del banner1-----*/


@media only screen and (max-width: 375px) { 

.banner2{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 200px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}



figure .img2{

margin-top: 10px;
margin-right: 35px;
margin-left: -8px;
min-width:54%;
height: 37%;
object-fit: cover;
}

figure .img1{
	margin-top:12px;
	margin-left: 184px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 30%;
    height: 48%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -3px;
	margin-top: -640px;
	margin-left: 240px;
	height: 55%;
	width: 30%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -10px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 66px;
	position: absolute;
   color: black;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 605px;

	
	}

	.informacion h1{
		font-size: 20px;
		font-weight: bold;
		color: orange;
		margin-left: 686px;
		margin-top: 66px;
		font-family: 'Montserrat';
		margin-bottom: -21px;

	}

.informacion small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
	margin-left: 605px;
	font-family: 'Poppins';

}



}

@media only screen and (max-width: 375px) { 

		.banner3{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 200px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


.banner3 .cat .Pic1{
	padding: 0px;
	display: block;
	width: 212%;
	height:84%;
	margin-left: -131px;
	margin-right: 14px;
	margin-top: 28px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 101%;
    height: 52%;
    margin-top: 68px;
    margin-right: 145px;
    margin-left: -99px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 84%;
    height: 52%;
    margin-top: 68px;
    margin-right: 199px;
    margin-left: -159px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 68px;
    padding: 20px 20px;
    width: 78%;
    height: 52%;
    margin-right: 386px;
    margin-left: -258px;
    object-fit: contain;
}


.nom-c1 p {
color: orange;
font-size: 9.5px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -55px;
}
.nom-c2 p{
color: orange;
font-size: 9.5px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -122px;
}
.nom-c3 p {
color: orange;
margin-top: -20px;
font-size: 9.5px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-left: -203px;
}



.banner3 .articulo{
	margin-top: -15px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 30px;
	font-weight: bold;
	margin-left: -20px;
	margin-bottom:-45px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 33px;
   margin-bottom: -17px;
	margin-left:33px;
	color: orange;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-27px;

	}

.articulo small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 48px;
	margin-left: 95px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 22%;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border:1px solid #BBBBBB;
    color: white;
    font-size: 9px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -484px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-right: -46px;
     margin-top: 170px;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 2px;
    text-align: center;
    width: 165px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;



}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 10px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	margin-top: -10px;
	color: white;
	font-size: 15px;
	margin-bottom: -1px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 10px;
font-family: 'Poppins';
margin-bottom: -1px;
}
.popup h5{
margin-top: -6px;
margin-bottom: 0px;
font-size: 13px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: -7px;
 	display: flex;
	width: 6%;
    height: 30px;
    line-height:21px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 8.5px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:0px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}

.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	width: 82%;
	margin-bottom: 5px;
    height: 20px;
    line-height: 33px;
    font-size: 11px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 8px;
	height: 20px;
	line-height: 20px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 10px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}

}


@media only screen and  (max-width: 375px) { 
.banner4{
background-color: #EBE9E1;
	min-width: 90%;
	height: 200px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	
}
}



@media only screen and  (max-width: 375px) { 

.banner4 .envio-1{
 min-width: 72%;
 height: 87%;
 margin-left: -28px;
 position: relative;
 top: 21px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 85%;
 height: 105%;
 margin-left:20px;
margin-top:-174px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 20px;
	font-weight: bold;
	margin-left: -46px;
	font-family: 'Montserrat';
	}

	.info h2
	{
	margin-top: 2px;
  color: black;
	font-size: 30px;
	font-weight: bold;
	margin-left: -50px;
	margin-bottom: -17px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 9px;
	font-weight: bold;
	margin-left:-70px;
	 font-family: 'Poppins';

}
.info h3{
	margin-top: -9px;
	font-size: 9px;
	margin-left: -70px;
}
.info p{
	margin-top: 60px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:151px;
	font-size: 9px;
   color:black;
   font-weight: bold;
   margin-left: -132px;
   margin-bottom: -76px;
 }
.info2 span{
   font-size: 9px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 11px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -133px;
    font-family: 'Poppins';

}

}
/*------COLUMNA1-----*/

@media only screen and  (max-width: 375px) {


	.banner5{
	
	width: 90%;
	height: 275px;
	margin: 25px auto;
	overflow: hidden;
	margin-top: 4px;
} 

.banner5 #columna1{
	float: right;
	width: 54%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	margin-right: -4px;
	overflow: hidden;
}
#columna1 .ban1{

width: 74%;
height: 100%;
margin-top: -51px;
margin-left: -40px;
object-fit: cover;

}


#columna1 h1{
	margin-top: -5px;
	color: white;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-left: 38px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 45px;
	color: black;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 50px;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
	font-weight: bold;
	margin-bottom: -45px;
	
}
#columna1 h3{
	margin-top: -7px;
	margin-left: 26px;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
	font-weight: bold;
	margin-bottom: -45px;
	
}
#columna1 h4{
	margin-top: -4px;
	margin-left: -43px;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
	font-weight: bold;
	margin-bottom: -45px;

}
#columna1 p{
	margin-top: 41px;
	margin-left: 51px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
}





/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 54%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 140px;
	margin-right: -182px;
}

#columna2 .ban2{
	margin-top: 10px;
	width: 82%;
	object-fit: cover;
	margin-left: 56px;
}


#columna2 h1{
    margin-top: -8px;
    margin-left: 11px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 13px;
	margin-bottom: -17px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 15px;
	margin-bottom: -5px;
	margin-left: -1px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 9px;
	margin-left: 9px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	min-width: 45%;
	min-height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 82%;
height: 70%;
margin-top: 96px;
margin-left: 13px;
object-fit: contain;
}


.columna3 .text p{
	margin-top: -278px;
	color: orange;
	font-size: 14px;
	font-family: 'Montserrat';
	margin-left: 4px;
	margin-bottom: -25px;
	text-align: center;
}

.columna3 h1{
	margin-left: -6px;
	color: black;
	font-size: 17px;
	text-align: center;
	font-family: 'Montserrat';
}
.car1 {
    width: 80%;
    height: 68%;
    padding: 15px;
    transition: 0.5s;
    object-fit: contain;
    margin-left: 27px;
    margin-top: 15px;
}
.detalles1 h6{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left:134px;
	margin-top: -13px;
	margin-bottom: -9px;
}
.detalles1 b{
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 69px;
}

.detalles1 .card1{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 145px;
	margin-top: -13px;
}

.detalles2 .card2 {
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: 7px;
	margin-left: 60px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 157px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: 5px;
	margin-left: 100px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 125px;
	margin-top: -11px;
}

.car4 {
    width: 81%;
    height: 75%;
    padding: 15px;
    transition: 0.5s;
    object-fit: contain;
    margin-left: 25px;
}
.detalles4 b{
    color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-left: 76px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 21px;
	font-family: 'Poppins';
	margin-left: -10px;
	font-weight: bold;

}


.detalles4 .small4 {
    color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-left: 44px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 21px;
	font-family: 'Poppins';
	margin-left: 6px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: -2px;
	margin-left: 92px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 132px;
	margin-top: -10px;
}
.car5 {
    width: 69%;
    height: 70%;
    padding: 15px;
    transition: 0.5s;
    object-fit: contain;
    margin-left: 39px;
    margin-top: 5px;
}

.detalles6 .card6{
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: -2px;
	margin-left: 88px;
}

.detalles6 .cards6{
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-left: -52px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 178px;
	margin-top: -10px;
}

}






@media only screen and  (max-width: 360px) { 



/*---------Titulo----------*/
.encabezado{
	padding:45px;
	width: 100%;
	height: 200px;
}

h1{
   margin: 15px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 22px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
	margin-left: 10px;
}

h2{ 
	margin-left: 20px;
	font-size: 14px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}
 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 45px;
	height: 45px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(55% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 28px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 45px;
	height: 45px;
	border: none;
	backg3ound: orange;
	border-radius: 50px;
	top: calc(55% - 45px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 5px;

}
.carrusel-anterior:hover, .carrusel-siguiente:hover{
	opacity: 100%;
}
.contenedor-carrusel{
	width: 90%;
	height:295px;
	margin: 0px;
	overflow: hidden;

}

.carrusel{

	width: 90%;
	left:13%;
	top: -35px;
	height: 300px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}
.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 25px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}




}
/*----------FIN DEL TITULO-----------*/




@media only screen and  (max-width: 360px) { 


/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -48px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 200px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
	flex-direction: column;
}


.banner1 img {
	margin-top: -125px;
	min-width: 187%;
	padding: 20px 20px;
	min-height: 120%;
	display: block;
	margin-left: 4px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: -92px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-bottom: -8px;
	margin-left: 18px;
	color: orange;
   font-size: 20px;
  font-family:'Montserrat';	
}


.Texto p{
	margin-top: -9px;
}

.Texto  h2{
	margin-left: 15px;
	color: black;
	font-size: 30px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -10px;
  	
}
.Texto  span{
	margin-left: 15px;
	color: black;
	font-size: 30px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -9px;
  	
}


.Texto small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
	margin-left: 20px;
	font-family: 'Poppins';
	
}
}


/*-----fin del banner1-----*/


@media only screen and (max-width: 360px) { 

.banner2{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 200px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}



figure .img2{

margin-top: 10px;
margin-right: 35px;
margin-left: -8px;
min-width:54%;
height: 37%;
object-fit: cover;
}

figure .img1{
	margin-top:12px;
	margin-left: 184px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 30%;
    height: 48%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -3px;
	margin-top: -640px;
	margin-left: 240px;
	height: 55%;
	width: 30%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -10px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 66px;
	position: absolute;
   color: black;
	font-size: 30px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 605px;

	
	}

	.informacion h1{
		font-size: 20px;
		font-weight: bold;
		color: orange;
		margin-left: 686px;
		margin-top: 66px;
		font-family: 'Montserrat';
		margin-bottom: -21px;

	}

.informacion small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
	margin-left: 605px;
	font-family: 'Poppins';

}



}

@media only screen and (max-width: 360px) { 

		.banner3{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 200px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


.banner3 .cat .Pic1{
	padding: 0px;
	width: 75%;
	height:62%;
	margin-left: -44px;
	margin-right: 58px;
	margin-top: 38px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 101%;
    height: 52%;
    margin-top: 68px;
    margin-right: 168px;
    margin-left: -96px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 84%;
    height: 52%;
    margin-top: 68px;
    margin-right: 192px;
    margin-left: -164px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 68px;
    padding: 20px 20px;
    width: 78%;
    height: 52%;
    margin-right: 385px;
    margin-left: -257px;
    object-fit: contain;
}



.nom-c1 p {
color: orange;
font-size: 9.5px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -19px;
margin-left: -39px;
}
.nom-c2 p{
color: orange;
font-size: 9.5px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-top: -19px;
margin-left: -132px;
}
.nom-c3 p {
color: orange;
margin-top: -20px;
font-size: 9.5px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
margin-left: -201px;
}



.banner3 .articulo{
	margin-top: -15px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 30px;
	font-weight: bold;
	margin-left: -36px;
	margin-bottom:-45px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 33px;
	margin-left:33px;
	color: orange;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-27px;

	}

.articulo small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 46px;
	margin-left: 76px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 23%;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border:1px solid #BBBBBB;
    color: white;
    font-size: 9px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -486px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-right: 13px;
     margin-top: 172px;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 2px;
    text-align: center;
    width: 165px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;
}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 10px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	margin-top: -6px;
	color: white;
	font-size: 14px;
	margin-bottom: -1px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 10px;
font-family: 'Poppins';
margin-bottom: 2px;
}
.popup h5{
margin-top: -6px;
margin-bottom: -3px;
font-size: 12px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: -7px;
 	display: flex;
	width: 6%;
    height: 30px;
    line-height:21px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 9.3px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:0px;

}
.popup .opciones .esca{
	margin-left:3px;
}

.popup .opciones .Maq{
	margin-left:3px;
}



.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	width: 85%;
	margin-bottom: 7px;
    height: 20px;
    line-height: 33px;
    font-size: 12px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 6px;
	height: 18px;
	line-height: 18px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 10px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}

}


@media only screen and  (max-width: 360px) { 
.banner4{
background-color: #EBE9E1;
	min-width: 90%;
	height: 200px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	
}
}



@media only screen and  (max-width: 360px) { 

.banner4 .envio-1{
 min-width: 72%;
 height: 87%;
 margin-left: -28px;
 position: relative;
 top: 21px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 85%;
 height: 105%;
 margin-left:20px;
margin-top:-174px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 20px;
	font-weight: bold;
	margin-left: -46px;
	font-family: 'Montserrat';
	}

	.info h2
	{
	margin-top: 2px;
  color: black;
	font-size: 30px;
	font-weight: bold;
	margin-left: -50px;
	margin-bottom: -17px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 9px;
	font-weight: bold;
	margin-left:-70px;
	 font-family: 'Poppins';

}
.info h3{
	margin-top: -9px;
	font-size: 9px;
	margin-left: -70px;
}
.info p{
	margin-top: 60px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:151px;
	font-size: 9px;
   color:black;
   font-weight: bold;
   margin-left: -137px;
   margin-bottom: -76px;
 }
.info2 span{
   font-size: 9px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 11px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -138px;
    font-family: 'Poppins';

}

}
/*------COLUMNA1-----*/

@media only screen and  (max-width: 360px) {


	.banner5{
	
	width: 90%;
	height: 250px;
	margin: 48px auto;
	overflow: hidden;
	margin-top: 11px;
} 

.banner5 #columna1{
	float: right;
	width: 54%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	margin-right: -2px;
	overflow: hidden;
}
#columna1 .ban1{

width: 74%;
height: 100%;
margin-top: -51px;
margin-left: -39px;
object-fit: cover;

}


#columna1 h1{
	margin-top: -5px;
	color: white;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-left: 38px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 45px;
	color: black;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 47px;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
	font-weight: bold;
	margin-bottom: -45px;
	
}
#columna1 h3{
	margin-top: -8px;
	margin-left: 28px;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
	font-weight: bold;
	margin-bottom: -45px;
	
}
#columna1 h4{
	margin-top: -4px;
	margin-left: -41px;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
	font-weight: bold;
	margin-bottom: -45px;

}
#columna1 p{
	margin-top: 40px;
	margin-left: 48px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 9px;
}





/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 54%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 128px;
	margin-right: -175px;
}

#columna2 .ban2{
	margin-top: -3px;
	width: 82%;
	height: 78%;
	object-fit: cover;
	margin-left: 56px;
}


#columna2 h1{
    margin-top: -8px;
    margin-left: 11px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 14px;
	margin-bottom: -17px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-bottom: -7px;
	margin-left: -1px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 10px;
	margin-left: 15px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	min-width: 45%;
	min-height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 82%;
height: 70%;
margin-top: 96px;
margin-left: 13px;
object-fit: contain;
}


.columna3 .text p{
	margin-top: -278px;
	color: orange;
	font-size: 14px;
	font-family: 'Montserrat';
	margin-left: 4px;
	margin-bottom: -25px;
	text-align: center;
}

.columna3 h1{
	margin-left: -6px;
	color: black;
	font-size: 17px;
	text-align: center;
	font-family: 'Montserrat';
}




.detalles1 h6{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left:140px;
	margin-top: -13px;
	margin-bottom: -9px;
}
.detalles1 b{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 60px;
}

.detalles1 .card1{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 144px;
	margin-top: -13px;
}

.detalles2 .card2 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 10px;
	margin-left: 48px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 152px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 5px;
	margin-left: 96px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 113px;
	margin-top: -11px;
}


.detalles4 b{
    color: black;
	font-size: 27px;
	 font-family:'Montserrat';
	margin-left: 74px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: -8px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 27px;
	 font-family:'Montserrat';
	margin-left: 36px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: 6px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -2px;
	margin-left: 86px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 135px;
	margin-top: -10px;
}


.detalles6 .card6{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -6px;
	margin-left: 84px;
}
.detalles6 .cards6{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 6px;
	margin-left:-59px;
}
.detalles6 .tar6{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 190px;
	margin-top: -10px;
}



	
}


@media only screen and  (max-width: 320px) { 
.car1{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 24px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 92%;
	height: 70%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: -2px;
}
 .car3{
	width: 88%;
	height: 68%;
	padding: 25px;
	margin-top: 24px;
	transition: 0.5s;
	margin-left: 15px;
	object-fit: contain;
}
 .car4{
	width: 85%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 25px;
}
.car5{
	width: 70%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 33px;
	margin-top: 9px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:22px;

}
.detalles1 h6{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left:106px;
	margin-top: -13px;
	margin-bottom: -9px;
}
.detalles1 b{
	color: black;
	font-size: 23px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 52px;
}

.detalles1 .card1{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 124px;
	margin-top: -13px;
}

.detalles2 .card2 {
	color: black;
	font-size: 23px;
	 font-family:'Montserrat';
	margin-top: 7px;
	margin-left: 43px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 134px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 23px;
	 font-family:'Montserrat';
	margin-top: -10px;
	margin-left: 84px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 97px;
	margin-top: -11px;
}


.detalles4 b{
    color: black;
	font-size: 23px;
	 font-family:'Montserrat';
	margin-left: 56px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 19px;
	font-family: 'Poppins';
	margin-left: -8px;
	font-weight: bold;

}


.detalles4 .small4 {
    color: black;
	font-size: 23px;
	 font-family:'Montserrat';
	margin-left: 28px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 8px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 23px;
	 font-family:'Montserrat';
	margin-top: -6px;
	margin-left: 78px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 108px;
	margin-top: -10px;
}


.detalles6 .card6{
	color: black;
	font-size: 23px;
	 font-family:'Montserrat';
	margin-top: 2px;
	margin-left:73px;
}
.detalles6 .cards6{
	color: black;
	font-size: 23px;
	 font-family:'Montserrat';
	margin-top: 6px;
	margin-left:-50px;
}
.detalles6 .tar6{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 149px;
	margin-top: -10px;
}



/*---------Titulo----------*/
.encabezado{
	padding:45px;
	width: 100%;
	height: 200px;
}

h1{
   margin: 15px;
   margin-left: 8px;
   margin-bottom: -14px;
	padding: 10px;
	font-size: 18px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
}

h2{ 
	margin-left: 18px;
	font-size: 14px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
 
}
}
/*----------FIN DEL TITULO-----------*/




@media only screen and (max-width: 320px) { 


.contenedor-carrusel{
	width: 89%;
	height:290px;
	margin: 0px;
	overflow: hidden;

}
.carrusel{

	width: 88%;
	left:14%;
	top: -53px;
	height: 276px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}

.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 25px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}
 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 45px;
    height: 45px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(52% - 50px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 28px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 45px;
	height: 45px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(52% - 50px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 5px;

}

/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -85px auto;
	display: grid;
	grid-gap: 10px;
}


/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 150px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
	flex-direction: column;
}


.banner1 img {
	margin-top: -90px;
	min-width: 180%;
	padding: 20px 20px;
	min-height: 120%;
	display: block;
	margin-left: 13px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: -46px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-bottom: -8px;
	margin-left: 9px;
	color: orange;
   font-size: 18px;
  font-family:'Montserrat';

 
	
}
.Texto p{
	margin-top: -9px;
}

.Texto  h2{
	margin-left: 5px;
	color: black;
	font-size: 25px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -6px;
  	
}
.Texto  span{
	margin-left: 5px;
	color: black;
	font-size: 25px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -6px;
  	
}

.Texto small{
	color: orange;
	font-size: 8px;
	font-weight: bold;
	margin-left: 9px;
	font-family: 'Poppins';
	
}
}


/*-----fin del banner1-----*/


@media only screen and (max-width: 320px) { 

.banner2{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 150px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}



figure .img2{

margin-top: -10px;
margin-right: 35px;
margin-left: -8px;
min-width:54%;
height: 45%;
object-fit: cover;
}

figure .img1{
	margin-top:12px;
	margin-left: 152px;
	transform: rotate(3deg);
	object-fit: contain;
    width: 30%;
    height: 48%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -3px;
	margin-top: -640px;
	margin-left: 206px;
	height: 65%;
	width: 30%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -60px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 84px;
	position: absolute;
   color: black;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 635px;

	
	}

	.informacion h1{
		font-size: 20px;
		font-weight: bold;
		color: orange;
		margin-left: 694px;
		margin-top: 76px;
		font-family: 'Montserrat';
		margin-bottom: -24px;

	}

.informacion small{
	color: orange;
	font-size: 8px;
	font-weight: bold;
	margin-left: 635px;
	font-family: 'Poppins';

}



}

@media only screen and (max-width: 320px) { 

		.banner3{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 150px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


.banner3 .cat .Pic1{
	display: block;
	padding: 20px 20px;
	width: 86%;
	height:86%;
	margin-left: -100px;
	margin-right: 114px;
	margin-top: 23px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 101%;
    height: 61%;
    margin-top: 44px;
    margin-right: 156px;
    margin-left: -146px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 84%;
    height: 61%;
    margin-top: 44px;
    margin-right: 203px;
    margin-left: -184px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 44px;
    padding: 20px 20px;
    width: 78%;
    height: 62%;
    margin-right: 385px;
    margin-left: -269px;
    object-fit: contain;
}

.banner3 .cat4 .Pic5{
	display: block;
	margin-top: 33px;
	padding: 20px 20px;
	width: 84%;
	height: 83%;
	margin-right:361px;
	margin-left: -380px;
	object-fit: contain;
}


.nom-c1 p {
color: orange;
font-size: 8px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -19px;
margin-left: -120px;
}
.nom-c2 p{
color: orange;
font-size: 8px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -19px;
margin-left: -159px;
}
.nom-c3 p {
color: orange;
margin-top: -20px;
font-size: 8px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-left: -216px;
}


.banner3 .articulo{
	margin-top: -15px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 25px;
	font-weight: bold;
	margin-left: -25px;
	margin-bottom:-45px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 25px;
	margin-left:-2px;
	color: orange;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-28px;

	}

.articulo small{
	color: orange;
	font-size: 8px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 40px;
	margin-left: 70px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 24%;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border:1px solid #BBBBBB;
    color: white;
    font-size: 8px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -472px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-right: -12px;
     margin-top: 129px;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 2px;
    text-align: center;
    width: 148px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;



}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 10px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	margin-top: -14px;
	color: white;
	font-size: 11px;
	margin-bottom: -1px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 8px;
font-family: 'Poppins';
margin-bottom: -2px;
}
.popup h5{
margin-top: -1px;
margin-bottom: -3px;
font-size: 11px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: -12px;
 	display: flex;
	width: 6%;
    height: 30px;
    line-height:23px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 8px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:0px;

}
.popup .opciones .esca{
	margin-left:3px;
}

.popup .opciones .Maq{
	margin-left:3px;
}


.popup form .contenedor-inputs{

}
.popup form .contenedor-inputs input{
	margin-top: 5px;
	width: 82%;
	margin-bottom: 2px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 3px;
	height: 14px;
	line-height: 14px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 9px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}

}


@media only screen and (max-width: 320px) { 
.banner4{
background-color: #EBE9E1;
	min-width: 90%;
	height: 150px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	
}
}



@media only screen and (max-width: 320px) { 

.banner4 .envio-1{
 min-width: 72%;
 height: 87%;
 margin-left: -24px;
 position: relative;
 top: 21px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 85%;
 height: 105%;
 margin-left:16px;
margin-top:-126px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 20px;
	font-weight: bold;
	margin-left: -36px;
	font-family: 'Montserrat';
	}

	.info h2
	{
	margin-top: 2px;
  color: black;
	font-size: 30px;
	font-weight: bold;
	margin-left: -40px;
	margin-bottom: -17px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 8px;
	font-weight: bold;
	margin-left:-38px;
	 font-family: 'Poppins';

}
.info h3{
	margin-top: -8px;
	font-size: 8px;
	margin-left: -38px;
}
.info p{
	margin-top: 20px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:106px;
	font-size: 8px;
   color:black;
   font-weight: bold;
   margin-left: -126px;
   margin-bottom: -76px;
 }
.info2 span{
   font-size: 8px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 10px;
   color:black;
   font-weight: bold;
   margin-top: 70px;
   margin-left: -127px;
    font-family: 'Poppins';

}

}
/*------COLUMNA1-----*/
@media only screen and (max-width: 320px) {


	.banner5{
	
	width: 90%;
	height: 225px;
	margin: 55px auto;
	overflow: hidden;
	margin-top: 6px;
} 

.banner5 #columna1{
	float: right;
	width: 54%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	overflow: hidden;
}
#columna1 .ban1{

min-width: 82%;
height: 100%;
margin-top: -45px;
margin-left: -35px;
object-fit: cover;

}


#columna1 h1{
	margin-top: -5px;
	color: white;
	font-family: 'Montserrat';
	font-size: 12px;
	margin-left: 38px;
	margin-bottom: -13px;
}
#columna1 h2{
	margin-left: 45px;
	color: black;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 51px;
	color: black;
	font-family: 'Poppins';
	font-size: 7px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h3{
	margin-top: -7px;
	margin-left: 30px;
	color: black;
	font-family: 'Poppins';
	font-size: 7px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h4{
	margin-top: -3px;
	margin-left: -22px;
	color: black;
	font-family: 'Poppins';
	font-size:7px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 p{
	margin-top: 42px;
	margin-left: 52px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 7px;
}





/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 54%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 116px;
	margin-right: -155px;
}

#columna2 .ban2{
	margin-top:11px;
	width: 70%;
	object-fit: cover;
	margin-left: 50px;
}


#columna2 h1{
    margin-top: -8px;
    margin-left: 11px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 12px;
	margin-bottom: -17px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 14px;
	margin-bottom: -5px;
	margin-left: -1px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 7.5px;
	margin-left: 16px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	min-width: 45%;
	min-height: 100%;
	background-color: #EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 83%;
height: 67%;
margin-top: 73px;
margin-left: 13px;
object-fit: cover;
}


.columna3 .text p{
	margin-top: -225px;
	color: orange;
	font-size: 12px;
	font-family: 'Montserrat';
	margin-left: -1px;
	margin-bottom: -26px;
	text-align: center;
}

.columna3 h1{
	margin-left: -6px;
	color: black;
	font-size: 15px;
	text-align: center;
	font-family: 'Montserrat';
}
}



@media only screen and (max-width: 280px) { 

.contenedor-carrusel{
	width: 90%;
	height:250px;
	margin: 0px;
	overflow: hidden;

}
.carrusel{

	width: 87%;
	left:14%;
	top: -66px;
	height: 240px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}



.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 22.5px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}
 .carrusel-siguiente{
	position:absolute;
	display: block;
	color: white;
	width: 40px;
	height: 40px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(60% - 50px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	right: 27px;
   
}
.carrusel-anterior{
	position:absolute;
	display: block;
	color: white;
	width: 40px;
	height: 40px;
	border: none;
	background: orange;
	border-radius: 50px;
	top: calc(60% - 50px);
	cursor: pointer;
	line-height: 30px;
	text-align: center;
	opacity: 20%;
	z-index: 15;
	left: 6px;

}


/*---------Titulo----------*/
.encabezado{
	padding:35px;
	width: 100%;
	height: 200px;
}

h1{
   margin-top: 32px;
   margin-left: 25px;
   margin-bottom: -15px;
	padding: 10px;
	font-size: 18px;
	color: orange;
	font-family:'Montserrat';
	font-weight: bold;
	margin-left: 4px;
}

h2{ 
	margin-left: 15px;
	font-size: 12px;
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
}
}
/*----------FIN DEL TITULO-----------*/





@media only screen and (max-width: 280px) { 




/*---------BANNERS----------*/

.contenedor-banner{
	width: 100%;
	height: 100%;
	margin: -75px auto;
	display: grid;
	grid-gap: 10px;
}



/*-----Inicio del banner1-----*/



.banner1{

	background-color: #EBE9E1;
	width: 90%;
	height: 150px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;
	flex-direction: column;
}


.banner1 img {
	margin-top: -90px;
	min-width: 180%;
	padding: 20px 20px;
	min-height: 120%;
	display: block;
	margin-left: 13px;
	transform: rotate(4.5deg);
	object-fit: contain;

}

.banner1 .Texto{

margin-top: -50px; 
position: absolute;
margin-right:430px;
 } 

.Texto  b{
	margin-bottom: -8px;
	margin-left: 7px;
	color: orange;
   font-size: 15px;
  font-family:'Montserrat';

 
	
}
.Texto p{
	margin-top: -9px;
}

.Texto  h2{
	margin-left: 5px;
	color: black;
	font-size: 23px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -6px;
  	
}
.Texto  span{
	margin-left: 3px;
	color: black;
	font-size: 23px;
	font-weight: bold;
	text-align: justify;
	font-family:'Montserrat';
   margin-bottom: -6px;
  	
}

.Texto small{
	color: orange;
	font-size: 8px;
	font-weight: bold;
	margin-left: 9px;
	font-family: 'Poppins';
	
}
}


/*-----fin del banner1-----*/


@media only screen and (max-width: 280px){


.banner2{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 150px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}



figure .img2{

margin-top: -10px;
margin-right: 35px;
margin-left: -8px;
min-width:54%;
height: 45%;
object-fit: cover;
}

figure .img1{
	margin-top:12px;
	margin-left: 152px;
	transform: rotate(3deg);
	object-fit: contain;
 2    width: 30%;
    height: 48%;
}

.banner2 .img3{
	padding: 0;
	margin-bottom: -3px;
	margin-top: -640px;
	margin-left: 178px;
	height: 65%;
	width: 30%;
	object-fit: contain;
}

.banner2 .informacion{
	margin-top: -60px; 
position: absolute;
margin-right:730px;


}
.informacion b{
	margin-top: 84px;
	position: absolute;
   color: black;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-left: 653px;

	
	}

	.informacion h1{
		font-size: 20px;
		font-weight: bold;
		color: orange;
		margin-left: 710px;
		margin-top: 76px;
		font-family: 'Montserrat';
		margin-bottom: -24px;

	}

.informacion small{
	color: orange;
	font-size: 8px;
	font-weight: bold;
	margin-left: 653px;
	font-family: 'Poppins';

}



}

@media only screen and (max-width: 280px)  { 

		.banner3{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 150px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}


.banner3 .cat .Pic1{
	padding: 20px 20px;
	width: 255%;
	height:89%;
	margin-left: -92px;
	margin-right: 10px;
	margin-top: 21px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 101%;
    height: 58%;
    margin-top: 48px;
    margin-right: 146px;
    margin-left: -81px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 84%;
    height: 58%;
    margin-top: 48px;
    margin-right: 199px;
    margin-left: -153px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 48px;
    padding: 20px 20px;
    width: 78%;
    height: 58%;
    margin-right: 389px;
    margin-left: -257px;
    object-fit: contain;
}



 

.nom-c1 p {
color: orange;
font-size: 7.6px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -29px;
}
.nom-c2 p{
color: orange;
font-size: 7.6px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -117px;
}
.nom-c3 p {
color: orange;
margin-top: -20px;
font-size: 7.6px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-left: -199px;
}


.banner3 .articulo{
	margin-top: -15px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 24px;
	font-weight: bold;
	margin-left: -52px;
	margin-bottom:-45px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 25px;
	margin-left:-26px;
	color: orange;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-44px;

	}

.articulo small{
	color: orange;
	font-size: 8px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 56px;
	margin-left: 39px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 23%;
    height: 13px;
    line-height: 13px;
    text-align: center;
    border:1px solid #BBBBBB;
    color: white;
    font-size: 7px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -461px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-right: -32px;
     margin-top: 128px;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 2px;
    text-align: center;
    width: 150px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;



}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 10px;
	line-height: 16px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	margin-top: -12px;
	color: white;
	font-size: 12px;
	margin-bottom: -1px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 8px;
font-family: 'Poppins';
margin-bottom: -2px;
}
.popup h5{
margin-top: 1px;
margin-bottom: -7px;
font-size: 12px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: -15px;
 	display: flex;
	width: 7%;
    height: 30px;
    line-height:25px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 8px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:0px;

}
.popup .opciones .esca{
	margin-left:3px;
}

.popup .opciones .Maq{
	margin-left:3px;
}

.popup form .contenedor-inputs input{
	margin-top: 5px;
	width: 83%;
	margin-bottom: 0px;
    height: 14px;
    line-height: 14px;
    font-size: 11px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 6px;
	height: 12px;
	line-height: 12px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 9px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';
}

}


@media only screen and (max-width: 280px) { 
.banner4{
background-color: #EBE9E1;
	min-width: 90%;
	height: 150px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	
}
}



@media only screen and (max-width: 280px)  { 

.banner4 .envio-1{
 min-width: 68%;
 height: 87%;
 margin-left: -14px;
 position: relative;
 top: 21px;
 object-fit: contain;
}
.banner4 .envio-2{
 min-width: 83%;
 height: 105%;
 margin-left:22px;
margin-top:-126px;
object-fit: cover;
display: block;

 
}

.info b{
   color: orange;
	font-size: 20px;
	font-weight: bold;
	margin-left: -36px;
	font-family: 'Montserrat';
	}

	.info h2
	{
	margin-top: 2px;
  color: black;
	font-size: 30px;
	font-weight: bold;
	margin-left: -40px;
	margin-bottom: -17px;
	font-family: 'Montserrat';
	}

.info small{
	color: orange;
	font-size: 7px;
	font-weight: bold;
	margin-left:-38px;
	 font-family: 'Poppins';

}
.info h3{
	margin-top: -8px;
	font-size: 8px;
	margin-left: -38px;
}
.info p{
	margin-top: 20px;
	text-align: justify;
	margin-bottom:-15px;

}

.info2 p{
	margin-top:106px;
	font-size: 7px;
   color:black;
   font-weight: bold;
   margin-left: -124px;
   margin-bottom: -74px;
 }
.info2 span{
   font-size: 7px;
   color:orange;
   font-weight: bold;
    font-family: 'Poppins';

}

.info2 h5{
	 font-size: 9px;
   color:black;
   font-weight: bold;
   margin-top: 71px;
   margin-left: -126px;
    font-family: 'Poppins';

}

}
/*------COLUMNA1-----*/
@media only screen and (max-width: 280px)  {


	.banner5{
	
	width: 91%;
	height: 225px;
	margin: 45px auto;
	overflow: hidden;
	margin-top: 6px;
} 

.banner5 #columna1{
	float: right;
	width: 54%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	margin-right: -1px;
	overflow: hidden;
}
#columna1 .ban1{

min-width: 25%;
height: 100%;
margin-top: -33px;
margin-left: -31px;
object-fit: cover;

}


#columna1 h1{
	margin-top: -9px;
	color: white;
	font-family: 'Montserrat';
	font-size: 12px;
	margin-left: 38px;
	margin-bottom: -13px;
}
#columna1 h2{
	margin-left: 45px;
	color: black;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-bottom: -15px;
}

#columna1 small{
	margin-left: 34px;
	color: black;
	font-family: 'Poppins';
	font-size: 7px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h3{
	margin-top: -6px;
	margin-left: 14px;
	color: black;
	font-family: 'Poppins';
	font-size: 7px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h4{
	margin-top: -3px;
	margin-left: -38px;
	color: black;
	font-family: 'Poppins';
	font-size:7px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 p{
	margin-top: 42px;
	margin-left: 35px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 7px;
}





/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/
.banner5 #columna2{
	float: right;
	width: 54%;
	height: 49%;
	background-color:#EBE9E1;
	margin-top: 115px;
	margin-right: -138px;
}

#columna2 .ban2{
    margin-top: 11px;
    width: 78%;
    object-fit: cover;
    margin-left: 32px;
}

#columna2 h1{
    margin-top: -8px;
    margin-left: 11px;
	color: orange;
	font-family: 'Montserrat';
	font-size: 12px;
	margin-bottom: -16px;
}
#columna2 h2{
	color: black;
	font-family: 'Montserrat';
	font-size: 13px;
	margin-bottom: -4px;
	margin-left: -1px;

}
#columna2 p{
	color: black;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 7px;
	margin-left: 15px;
}
/*------FIN COLUMNA2-----*/



/*------COLUMNA3-----*/

.banner5 .columna3{
	min-width: 45%;
	min-height: 100%;
	background-color:#EBE9E1;
	overflow: hidden;
}

.columna3 .ban3{
min-width: 82%;
height: 75%;
margin-top: 75px;
margin-left: 8px;
object-fit: contain;
}


.columna3 .text p{
	margin-top: -225px;
	color: orange;
	font-size: 11px;
	font-family: 'Montserrat';
	margin-left: -1px;
	margin-bottom: -26px;
	text-align: center;
}

.columna3 h1{
	margin-left: -6px;
	color: black;
	font-size: 13px;
	text-align: center;
	font-family: 'Montserrat';
}

}



@media only screen and (max-width: 280px)  {


.detalles1 h6{
	color: orange;
	font-size: 13px;
	font-family: 'Poppins';
	margin-left: 101px;
	margin-top: -8px;
	margin-bottom: -10px;
}
.detalles1 b{
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 31px;
}

.detalles1 .card1{
	color: orange;
	font-size: 13px;
	font-family: 'Poppins';
	margin-left: 128px;
	margin-top: -10px;
}

.detalles2 .card2 {
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: 2px;
	margin-left: 22px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 13px;
	font-family: 'Poppins';
	margin-left: 139px;
	margin-top: -10px;
}
.detalles3 .card3 {
	color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: -10px;
	margin-left: 63px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 13px;
	font-family: 'Poppins';
	margin-left: 98px;
	margin-top: -10px;
}

.detalles4 b{
    color: black;
	font-size: 24px;
	 font-family:'Montserrat';
	margin-left: 38px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 24px;
	 font-family:'Montserrat';
	margin-left: 10px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 6px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 25px;
	 font-family:'Montserrat';
	margin-top: -14px;
	margin-left: 55px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 97px;
	margin-top: -10px;
}


.detalles6 .card6{
	color: black;
	font-size: 24px;
	 font-family:'Montserrat';
	margin-top: -3px;
	margin-left: 54px;
}
.detalles6 .cards6{
	color: black;
	font-size: 24px;
	 font-family:'Montserrat';
	margin-top: 2px;
	margin-left:-50px;
}
.detalles6 .tar6{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 137px;
	margin-top: -10px;
}
.car6 {
    width: 80%;
    height: 68%;
    padding: 10px;
    transition: 0.5s;
    object-fit: contain;
    margin-left: 16px;
}

}


@media only screen and (width: 414px)  {
.carrusel-lista .carrusel-elemento{

 	min-width: 15%;
 	background: #EBE9E1;
 	margin: 0 32px 0 0;
   border-radius: 20px;
   left: 10px;
   overflow: hidden;

}
.contenedor-carrusel{
	width: 90%;
	height:334px;
	margin: 0px;
	overflow: hidden;

}
.carrusel{

	width: 85%;
	left:16%;
	top:-68px;
	height: 340px;
	margin-bottom:30px;
	position: relative;
	background-color: white;
	overflow: hidden;
}
.detalles1 h6{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left:150px;
	margin-top: -13px;
	margin-bottom: -9px;
}
.detalles1 b{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 70px;
}

.detalles1 .card1{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 183px;
	margin-top: -13px;
}

.detalles2 .card2 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 14px;
	margin-left: 60px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 187px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 9px;
	margin-left: 108px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 149px;
	margin-top: -11px;
}

.detalles4 b{
    color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-left: 78px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-left: 44px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -2px;
	margin-left: 99px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 148px;
	margin-top: -10px;
}


.detalles6 .card6{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 18px;
	margin-left: 70px;
}

.detalles6 .tar6{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 156px;
	margin-top: -10px;
}
	
.banner5 {
    width: 90%;
    height: 320px;
    margin: 20px auto;
    overflow: hidden;
    margin-top: 5px;
}

.banner5 #columna1{
	float: right;
	width: 54%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	margin-right: -6px;
	overflow: hidden;
}
.banner5 #columna2{
	float: right;
	width: 54%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 169px;
	margin-right: -201px;
}


	  .car1{
	width: 80%;
	height: 68%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 35px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 77%;
	height: 68%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: 24px;
}
 .car3{
	width: 83%;
	height: 62%;
	padding: 25px;
	margin-top: 14px;
	transition: 0.5s;
	margin-left: 32px;
	object-fit: contain;
}
 .car4{
	width: 81%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 30px;
}
.car5{
	width: 69%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 51px;
	margin-top: 5px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:35px;

}

}


@media only screen and (width: 412px)  {
.banner5 {
    width: 90%;
    height: 320px;
    margin: 25px auto;
    overflow: hidden;
    margin-top: 5px;
}

.banner5 #columna1{
	float: right;
	width: 54%;
	height: 50%;
	background-color: orange;
	margin-top: 0px;
	margin-right: -1px;
	overflow: hidden;
}
#columna1 .ban1{

width: 74%;
height: 100%;
margin-top: -58px;
margin-left: -40px;
object-fit: cover;

}


#columna1 h1{
	margin-top: 15px;
	color: white;
	font-family: 'Montserrat';
	font-size: 18px;
	margin-left: 54px;
	margin-bottom: -15px;
}
#columna1 h2{
	margin-left: 65px;
	color: black;
	font-family: 'Montserrat';
	font-size: 25px;
	margin-bottom: -13px;
}

#columna1 small{
	margin-left: 68px;
	color: black;
	font-family: 'Poppins';
	font-size: 8px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h3{
	margin-top: -6px;
	margin-left: 31px;
	color: black;
	font-family: 'Poppins';
	font-size: 8px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 h4{
	margin-top: -3px;
	margin-left: -30px;
	color: black;
	font-family: 'Poppins';
	font-size: 8px;
	font-weight: bold;
	margin-bottom: -45px;
	text-align: center;
}
#columna1 p{
	margin-top: 41px;
	margin-left: 69px;
    font-weight: bold;
	color: black;
	font-family: 'Poppins';
	font-size: 8px;
}





/*------FIN COLUMNA1-----*/


/*------COLUMNA2-----*/

.banner5 #columna2 {
    float: right;
    width: 54%;
    height: 50%;
    background-color: #EBE9E1;
    margin-top: 172px;
    margin-right: -200px;
}




.carrusel-lista .carrusel-elemento {
    min-width: 15%;
    background: #EBE9E1;
    margin: 0 33px 0 0;
    border-radius: 20px;
    left: 10px;
    overflow: hidden;

}
.detalles1 h6{
	color: orange;
	font-size: 14px;
	font-family: 'Poppins';
	margin-left:152px;
	margin-top: -13px;
	margin-bottom: -9px;
}
.detalles1 b{
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: -20px;
	margin-left: 72px;
}

.detalles1 .card1{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 183px;
	margin-top: -13px;
}

.detalles2 .card2 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 14px;
	margin-left: 60px;

}
.detalles2 .tar2{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 187px;
	margin-top: -12px;
}
.detalles3 .card3 {
	color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-top: 9px;
	margin-left: 106px;	
}
.detalles3 .tar3{
	color: orange;
	font-size: 15px;
	font-family: 'Poppins';
	margin-left: 149px;
	margin-top: -11px;
}

.detalles4 b{
    color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-left: 78px;
	margin-top: -25px;	 	
}
.detalles4 .car4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: -5px;
	font-weight: bold;
	margin-top: -5px;

}


.detalles4 .small4 {
    color: black;
	font-size: 28px;
	 font-family:'Montserrat';
	margin-left: 44px;	 	
}
.detalles4 .ca4{
    color: orange;
	font-size: 22px;
	font-family: 'Poppins';
	margin-left: 12px;
	font-weight: bold;

}
.detalles5 .card5 {
	   color: black;
	font-size: 29px;
	 font-family:'Montserrat';
	margin-top: -2px;
	margin-left: 99px;	
}
.detalles5 .tar5{
	    color: orange;
	font-size: 16px;
	font-family: 'Poppins';
	margin-left: 148px;
	margin-top: -10px;
}


.detalles6 .card6{
	color: black;
	font-size: 29px;
	 font-family:'Montserrat';
	margin-top: 13px;
	margin-left: 94px;
}
.detalles6 .cards6{
	color: black;
	font-size: 29px;
	 font-family:'Montserrat';
	margin-top: 13px;
	margin-left: -62px;
}
.detalles6 .tar6{
	color: orange;
	font-size: 18px;
	font-family: 'Poppins';
	margin-left: 195px;
	margin-top: -10px;
}
	  .car1{
	width: 80%;
	height: 68%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 35px;
	margin-top: 15px;
	

}
.car2{
	margin-top: -2px;
	width: 77%;
	height: 68%;
	padding: 15px 5px 5px 15px;
	transition: 0.5s;
	object-fit: contain;
    margin-left: 24px;
}
 .car3{
	width: 83%;
	height: 62%;
	padding: 25px;
	margin-top: 14px;
	transition: 0.5s;
	margin-left: 32px;
	object-fit: contain;
}
 .car4{
	width: 81%;
	height: 75%;
	padding: 15px;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 30px;
}
.car5{
	width: 69%;
	height: 70%;
	padding: 15px ;
	transition: 0.5s;
	object-fit: contain;
	margin-left: 51px;
	margin-top: 5px;
}
 .car6{
	width: 80%;
	height: 68%;
	padding: 10px;
	transition: 0.5s;
	object-fit: contain;
	margin-left:35px;

}

}

@media only screen and  (width: 390px) {
.banner5 #columna1{
	float: right;
	width: 54%;
	height: 49%;
	background-color: orange;
	margin-top: 0px;
	margin-right: -4px;
	overflow: hidden;
}
.banner5 #columna2{
	float: right;
	width: 54%;
	height: 49%;
	background-color: #EBE9E1;
	margin-top: 135px;
	margin-right: -190px;
}




	}


@media only screen and  (width: 414px) {

		.banner3{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 250px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

.banner3 .cat .Pic1{
	display: block;
    padding: 0px;
	width: 82%;
	height:60%;
	margin-left: -33px;
	margin-top: 72px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 122%;
    height: 48%;
    margin-top: 86px;
    margin-right: 165px;
    margin-left: -116px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 84%;
    height: 48%;
    margin-top: 86px;
    margin-right: 197px;
    margin-left: -157px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 86px;
    padding: 20px 20px;
    width: 78%;
    height: 48%;
    margin-right: 382px;
    margin-left: -252px;
    object-fit: contain;
}


.nom-c1 p {
color: orange;
font-size: 12px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -57px;
}
.nom-c2 p{
color: orange;
font-size: 12px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -19px;
margin-left: -119px;
}
.nom-c3 p {
color: orange;
margin-top: -20px;
font-size: 12px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-left: -199px;
}


.banner3 .articulo{
	margin-top: -15px; 
position: absolute;
margin-left:130px;


}

.articulo h1{
	position: absolute;
   color: black;
	font-size: 35px;
	font-weight: bold;
	margin-left: -4px;
	margin-bottom:-45px;
	font-family: 'Montserrat';
	}

	.articulo h2{
	margin-top: 38px;
	margin-left:42px;
	color: orange;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Montserrat';
	margin-bottom:-30px;

	}

.articulo small{
	color: orange;
	font-size: 10px;
	font-weight: bold;
   font-family: 'Poppins';
}

.articulo p{
	margin-top: 52px;
	margin-left: 138px;
	text-align: justify;
	font-family: 'Poppins';
}

.btn-abrir-popup{
	width: 24%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border:1px solid #BBBBBB;
    color: white;
    font-size: 11px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -514px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-right: 57px;
     margin-top: 210px;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 2px;
    text-align: center;
    width: 250px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;



}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 12px;
	line-height: 16px;
	margin-right: 5px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 16px;
	margin-bottom: 3px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 12.5px;
font-family: 'Poppins';
margin-bottom: 3px;
}
.popup h5{
margin-top: -6px;
margin-bottom: -7px;
font-size: 15px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: 2px;
 	display: flex;
	width: 6%;
    height: 30px;
    line-height:30px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 12.5px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:10px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}


.popup form .contenedor-inputs input{
	width: 73%;
	margin-bottom: 7px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 10px;
	height: 20px;
	line-height: 20px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 13px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';

}



}


@media only screen and  (width: 412px) {

		.banner3{
	background-color: #EBE9E1;
	min-width: 90%;
	height: 250px;
	margin: 5px auto;
	display:flex;
	justify-content: center;
	overflow: hidden;

}

.banner3 .cat .Pic1{
	display: block;
    padding: 0px;
	width: 80%;
	height:52%;
	margin-left: -12px;
	margin-top: 64px;

}


.banner3 .cat1 .Pic2{
	display: block;
	padding: 20px 20px;
    width: 122%;
    height: 48%;
    margin-top: 86px;
    margin-right: 165px;
    margin-left: -115px;
    object-fit: contain;
	
}
.banner3 .cat2 .Pic3{
    display: block;
    padding: 20px 20px;
    width: 84%;
    height: 48%;
    margin-top: 86px;
    margin-right: 197px;
    margin-left: -157px;
    object-fit: contain;
}
.banner3 .cat3 .Pic4{
    display: block;
    margin-top: 86px;
    padding: 20px 20px;
    width: 78%;
    height: 48%;
    margin-right: 382px;
    margin-left: -256px;
    object-fit: contain;
}


.nom-c1 p {
color: orange;
font-size: 12px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -20px;
margin-left: -54px;
}
.nom-c2 p{
color: orange;
font-size: 12px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-top: -19px;
margin-left: -121px;
}
.nom-c3 p {
color: orange;
margin-top: -20px;
font-size: 12px;
font-weight: bold;
font-family: 'Poppins', sans-serif;
margin-left: -200px;
}

.btn-abrir-popup{
	width: 24%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border:1px solid #BBBBBB;
    color: white;
    font-size: 11px;
    background-color:#F39E26;
    font-family: 'Montserrat';
     margin-left: -514px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-right: 57px;
     margin-top: 210px;
 }
.Overlay{
	background: rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	visibility: hidden;
}
.Overlay.active{
	visibility: visible;
}
.popup{
	background: #F39E26;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    font-family:'Montserrat';
    padding: 2px;
    text-align: center;
    width: 250px;
    transition: 2s ease all;
    transform: scale(0.7);
    opacity: 0;



}

.popup.active{
	opacity: 1;
	 transform: scale(1 );
}

.popup .btn-cerrar-popup{
	font-size: 12px;
	line-height: 16px;
	margin-right: 5px;
	display: block;
	text-align: right;
	color: white;
	transition: .3s ease all;
} 
.popup .btn-cerrar-popup:hover{
	color: black;
}
.popup h3{
	color: white;
	font-size: 16px;
	margin-bottom: 3px;
	/*opacity: 0;*/
}

.popup h4{
color: white;
font-size: 12.5px;
font-family: 'Poppins';
margin-bottom: 3px;
}
.popup h5{
margin-top: -6px;
margin-bottom: -7px;
font-size: 15px;
font-family:'Montserrat';
color: black;
}
 .popup .opciones {
 	cursor: pointer;
 	margin-bottom: 2px;
 	display: flex;
	width: 6%;
    height: 30px;
    line-height:30px;
    font-size: 10px;
    text-align: center;
    color: white;
}

.opciones label{
	color: black;
	font-size: 12.5px;
	font-weight: bold;
	font-family: 'Poppins';

}
.popup .opciones .serv{
	margin-left:10px;

}
.popup .opciones .esca{
	margin-left:8px;
}

.popup .opciones .Maq{
	margin-left:8px;
}


.popup form .contenedor-inputs input{
	width: 73%;
	margin-bottom: 7px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    border:1px solid #BBBBBB;
}

.popup form .btn-submit{
	padding: 0px 10px;
	height: 20px;
	line-height: 20px;
	border: none;
	color: black;
	background:#E0E0E4;
	font-size: 13px;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s ease all;
	font-family: 'Montserrat';

}

}